HTML5的 input:file上传类型控制

一、input:file属性

属性值有以下几个比较常用:

accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表。

multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径。

1、accept

只能选择png和gif图片

<input id="fileId1" type="file" accept="image/png,image/gif" name="file" />

2、multiple

多文件上传

<input id="fileId2" type="file" multiple="multiple" name="file" />

3、常用MIME类型

css input[type=file] 样式美化,input上传按钮美化

由于明天公司组织出去游玩,今天把这两天的博客都写了吧,今天的内容是input[type=file] 样式美化,input上传按钮美化。

我们在做input文本上传的时候,html自带的上传按钮比较丑,如何对其进行美化呢?同理:input checkbox美化,input radio美化是一个道理的,后面文章会总结。

思路:

input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,就实现了美化功能。

代码如下:

DOM结构:

<a href="javascript:;" class="a-upload">
    <input type="file" name="" id="">点击这里上传文件
</a>

<a href="javascript:;" class="file">选择文件
    <input type="file" name="" id="">
</a>

mongodb新手入门,mongodb命令学习

下面来总结一下mongodb新手入门的常用命令吧。要是您是mongodb新手,可以看下。

1,show dbs 查询mongodb里面的数据库列表

enter image description here

如果想查看当前连接在哪个数据库下面,可以直接输入db

enter image description here

想切换到test数据库下面 use test

enter image description here

2、db.getCollectionNames() 或者show collections 有哪些数据库表名字

enter image description here

效果差不多,然后可以对数据库表进行操作

3、查询条数 db.foo.count()

enter image description here

4、数据库的增删改

存储嵌套的对象

db.foo.save({'name':'ysz','address':{'city':'beijing','post':100096},'phone':[138,139]}) 

enter image description here

查看存储的对象:

enter image description here

存储数组对象

db.user_addr.save({'Uid':'yushunzhi@sohu.com','Al':['test-1@sohu.com','test-2@sohu.com']}) 

javascript获取iframe中光标所在位置的父节点名称

项目背景:

最近在做一个客服聊天系统后台,聊天窗口中,有字体加粗,倾斜,下划线等等。这个效果可以在我的上一篇文章中简单的实现,具体请看javascript execCommand,复文本框神器案例请看

但是需求方有额外的要求,要求iframe中字体加粗的话,鼠标点在上面,我们按钮有选中状态。对于这个按钮的选中状态怎么办呢?

思路和方法:

一开始我想找到javascript execCommand的一个返回状态,但是最终以失败告终。

在和同事的研究交流过程中,找到了如下方法,封装了一个函数,从而获得iframe中选中的文本,及光标所在位置的父级元素的节点名称。

代码如下: