excel表格教学视频入门教程⽬前主流的⼏款⽂件上传控件，以及优缺点
1，WebUploader
WebUploader是由Baidu WebFE(FEX)团队开发的⼀个简单的以HTML5为主，FLASH为辅的现代⽂件上传组件。在现代的浏览器⾥⾯能充分发挥HTML5的优势，同时⼜不摒弃主流IE浏览器，沿⽤原来的FLASH运⾏时，兼容IE6+，iOS 6+, android 4+
优点：
1，分⽚与并发结合，将⼀个⼤⽂件分割成多块，并发上传，极⼤地提⾼⼤⽂件的上传速度。当⽹络问题导致传输错误时，只需要重传出错分⽚，⽽不是整个⽂件。另外分⽚传输能够更加实时的跟踪上传进度。
2，预览、压缩.⽀持常⽤图⽚格式jpg,jpeg,gif,bmp,png预览与压缩，节省⽹络数据传输。
解析jpeg中的meta信息，对于各种orientation做了正确的处理，同时压缩后上传保留图⽚的所有原始meta数据。
3，多途径添加⽂件
⽀持⽂件多选，类型过滤，拖拽(⽂件&⽂件夹)，图⽚粘贴功能。
粘贴功能主要体现在当有图⽚数据在剪切板中时（截屏⼯具如QQ(Ctrl + ALT + A), ⽹页中右击图⽚点击复制），Ctrl + V便可添加此图⽚⽂件。
4，HTML5 & FLASH
兼容主流浏览器，接⼝⼀致，实现了两套运⾏时⽀持，⽤户⽆需关⼼内部⽤了什么内核。同时Flash部分没有做任何UI相关的⼯作，⽅便不关⼼flash的⽤户扩展和⾃定义业务需求。
5，MD5秒传当⽂件体积⼤、量⽐较多时，⽀持上传前做⽂件md5值验证，⼀致则可直接跳过。
如果服务端与前端统⼀修改算法，取段md5，可⼤⼤提升验证性能，耗时在20ms左右。
6，易扩展、可拆分采⽤可拆分机制, 将各个功能独⽴成了⼩组件，可⾃由搭配。采⽤AMD规范组织代码，清晰明了，⽅便扩展。缺点：
1，使⽤0.1.5在进⾏flash上传时，如果服务器端返回的不是⼀个json格式的字符串，webuploader.js代码将会报错，客户端接收不到返回信息。
使⽤需要导⼊wepuploader的css⽂件、jquery.js以及webuploader.js⽂件。
⽂件上传失败会派送uploadError事件，成功则派送uploadSuccess事件。不管成功或者失败，在⽂件上传完后都会触发
uploadComplete事件。
2，element-UI 上传插件
优点：
1，上⼿简单，功能齐全
2，界⾯美观, 很好的适配vue
缺点：
1，不⽀持低版本ie <!--引⼊CSS--><link rel="stylesheet" type="text/css" href="webuploader ⽂件夹/webuploader.css"><!--SWF 在初始化的时候指定，在后⾯将展⽰--><script type="text/javascript" src="webuploader ⽂件夹/webuploader.js"></script>
1
2
3
parseint mdn4
3，Stream
Bootstrap是⽬前⼗分流⾏的前端技术，具有功能强⼤，易上⼿，样式齐全等等特征。此前Stream上传插件是套⽤⽹易的上传UI，虽然满⾜了⼤多数⼈的需要，但是在某些情况下，UI风格不符合，导致放弃。所以在Stream上传插件的新版本stream-v1.4.*就开始⽀持⾃定义UI。 当然，修改了⼀下响应函数，也新增了⼀些！
优点：
1. 源码完全开放，⽬前有Java、PHP、Perl三种后台语⾔实现
2. ⽀持HTML5、Flash两种⽅式（跨域）上传
jquery下载文件进度条3. 多⽂件⼀起上传
4. HTML5⽀持断点续传，拖拽等新特性
5. 兼容性好IE7+, FF3.6+, Chrome*，Safari4+，遨游等主流浏览器
6. 进度条、速度、剩余时间等附属信息
怎么用手机创建网页7. 选择⽂件的按钮可以⾃定义
8. 简单的参数配置实现 灵活多变的功能
9. ⽀持⽂件夹上传（Chrome21+, Opera15+）
10. ⽀持⾃定义UI（V1.4+）
4，uploadifive （uploadify 的升级版）
优点：
1，能够⼀次性选择多个⽂件上传，查看上传进度，控制⽂件上传类型和⼤⼩，为每⼀步操作添加回调函数等。该插件还⾃带⼀个PHP⽂件⽤于服务器端处理上传⽂件。
2， uploadifive控件是基于HTML5⽽不⽤⽀持falsh（可以认为是uploadify的升级版），因⽽移动端也可以使⽤
⽤法：
⽂件引⼊之后:
5，ajaxUpload
插件依赖:
jQuery-1.7.1以上版本
适⽤于简单的⽂件上传
js异步上传插件， 包括三个组件 JUpload （单⽂件上传，⽀持html5和iframe上传）, TUpload （htm5的多图上传），BUpload（基于html5的批量上传⼯具 + 在线⽂件管理 + 图⽚搜索） <input type="file" id="sureLogo" value=""/>            <a href="javascript:$('#sureLogo').uploadifive('upload')">上传</a>            <a href="javascript:$('#sureLogo').uploadifive('cancel')">取消上传</a>            $("#sureLogo").uploadifive({            'height':30,            'width': 80,            'fileObjName':'uploadfile',//后台获取使⽤的名字            'method':'post',            'auto':false,            'buttonText': '选择图⽚',            'fileType'  : 'image/*',//只允许图⽚格式的⽂件            'queueSizeLimit' : 1,//这⾥我只允许单个图⽚上传            'removeCompleted' : true,//⽂件上传完成之后去除进度条            'uploadScript':'${tPath}/upload/picUpload',//处理上传⽂件的后台url            'onFallback': function () {                alert("请使⽤⽀持HTML5的浏览器");            },            //上传到服务器，服务器返回相应信息到data ⾥            'onUploadComplete': function (file, data) {//上传⽂件完成file 即⽂件名,data 为后台返回的数据            }        });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
it工程师侯铮18
19
20
21
22
23
1. BUpload : 基于HTML5， UI仿百度编辑器的图⽚上传,
⽀持图⽚上传，在线图⽚管理，和图⽚搜索和远程图⽚抓取，⽀持图⽚预览，有进度条
2. TUpload : 基于HTML5， UI仿腾讯的QQ空间上传图⽚，⽀持图⽚预览，有进度条。
3. JUpload : 基于HTML5+iframe的异步上传，会⾃动判断，如果不⽀持 H5就会使⽤ iframe 上传
6，SWFUpload
优点：  1、⽤flash进⾏上传，页⾯⽆刷新，且可⾃定义Flash按钮的样式;  2、可以在浏览器端就对要上传的⽂件进⾏限制;  3、允许⼀次上传多个⽂件，但会有⼀个上传队列，队列⾥⽂件的上传是逐个进⾏的，服务器端接收⽂件时跟普通的表单上传⽂件是⼀样的;  4、提供了丰富的事件接⼝供开发者使⽤; SWFUpload的⽂件上传流程：  1、引⼊相应的js⽂件  2、实例化SWFUpload对象，传⼊⼀个配置参数对象进⾏各⽅⾯的配置。  3、点击SWFUpload提供的Flash按钮，弹出⽂件选取窗⼝选择要上传的⽂件；  4、⽂件选取完成后符合规定的⽂件会被添加到上传的队列⾥；  5、调⽤startUpload⽅法让队列⾥⽂件开始上传；  6、⽂件上传过程中会触发相应的事件，开发者利⽤这些事件来更新ui、处理错误、发出提⽰等等；
缺点：
1. 实现⼀个swfupload上传功能很简单，就是实例化⼀个swfupload对象。但繁琐的地⽅就在于实例化实要⽤到的参数配置对象，以及
各种事件的发⽣时机以和提供的参数。hive面试题及答案
SWFUpload包括三部分的内容：SWFUpload.js、swfupload.swf、初始化配置参数及各种事件处理函数。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。