html5读取手机文件上传,移动端HTML5实现文件上传功能

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考虑用H5来实现。

用的技术主要是：

ajax

FileReader

FormData

HTML结构：

JavaScript Code复制内容到剪贴板

已经封装好的upload.js，依赖zepto

JavaScript Code复制内容到剪贴板

(function($) {

$.extend($.fn, {

fileUpload: function(opts) {

this.each(function() {

var $self = $(this);

var doms = {

"fileToUpload": $self.find(".fileToUpload"),

"thumb": $self.find(".thumb"),

"progress": $self.find(".upload-progress")

};

var funs = {

//选择文件，获取文件大小，也可以在这里获取文件格式，限制用户上传非要求格式的文件

"fileSelected": function() {