html5 input 文件类型,HTML5中的input type为file控件限制上传文件类型及扩展

简单介绍

input file控件限制上传文件类型如下：

1.文件类型中间用，分开；

2.html和htm这样的要写成两个；

3实例：

如果想在手机上实现拍照上传，添加如下代码：

重要的就是这句话：capture="camera" accept="image/*"

下面精简代码(备注)，On mobile devices, including Mobile: Android 3+, Chrome 16+, Safari 6+, Firefox 10+, Blackberry 10+, while not part of the specifications, the camera and microphone can be accessed:

扩展

1.通过file上传的视频在本地进行预览

实现代码如下：

html代码：

JS代码：

/**

* 建立一个预览图片的url blob对象

* @param {object} fileObj文件域Dom对象

* @return {Array} urlArray图片url数组

*/

var getObjectURL = function(fileObj) {

var url = null;

var file;

var urlArray = [];

if (fileObj.files) {

for(var num = 0,