<input type="file" multiple>
这样就可以实现多文件上传，但是此方法不兼容ie8等低版本浏览器。所以项目中我使用的是百度的WebUpload插件，此插件在ie中底层使用flash实现多文件上传。
以下代码是简单的demo，具体使用方法可依据官方文档。
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><link rel="stylesheet" href="webuploader.css"/></head><body><div id="uploader" class="wu-example"><!--用来存放文件信息--><猜陵胡div id="thelist" class="uploader-list"></div><div class="btns"><div id="picker">选择文件</div><button id="ctlBtn" class="btn btn-default">开始上传</button></div></div><script src="jquery-1.8.3.min.js"></script><script src="webuploader.js"></script><script>var uploader = WebUploader.create({// swf文件路径swf: 'Uploader.swf',// 文件接收服务端。server: 'http://webuploader.duapp.com/server/fileupload.php',// 选择文件的按钮。可选。// 内部根据当前运行是创建，穗拦可能是input元素，也可能是flash.pick: '#picker',// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！resize: false,//去重duplicate: true,//限制文件大小fileSingleSizeLimit: 50000,//单位(字节B)//可上传文件的类型accept: {extensions: 'docx,doc,xls,xlsx,ppt,pptx,wps,et,txt,ole,pdf,ceb,jpg,jpeg,bmp,png,rar,zip,caj'}})// 当有文件被添加进队列的时候uploader.on( 'fileQueued', function( file ) {$("#thelist").append( '<div id="' + file.id + '" class="item">' +'<h4 class="info">' + file.name + '</h4>' +'<p class="state">等待上传...</p>' +'</div>' )})// 文件上传过程中创建进度条实时显示。uploader.on( 'uploadProgress', function( file, percentage ) {var $li = $( '汪慧#'+file.id ),$percent = $li.find('.progress .progress-bar')// 避免重复创建if ( !$percent.length ) {$percent = $('<div class="progress progress-striped active">' +'<div class="progress-bar" role="progressbar" style="width: 0%">' +'</div>' +'</div>').appendTo( $li ).find('.progress-bar')}$li.find('p.state').text('上传中')$percent.css( 'width', percentage * 100 + '%' )})uploader.on( 'uploadSuccess', function( file ) {$( '#'+file.id ).find('p.state').text('已上传')})uploader.on( 'uploadError', function( file ) {$( '#'+file.id ).find('p.state').text('上传出错')})uploader.on( 'uploadComplete', function( file ) {$( '#'+file.id ).find('.progress').fadeOut()})$("#ctlBtn").bind('click', function() {//向服务器端传递的参数uploader.options.formData = {"uuid": "234124"}uploader.upload()})</script></body></html>
解决方法如下：1、打开IE浏览器，找到IE的Internet选项菜单，开启菜单栏的根据下列方面找。
2、但是有些IE的工具栏关闭了，查找Internet选项。
3、找到Internet选项后，点击，选择安全选项卡，并雀凳点击”自定义级别“。
4、找到“将文件上载到服务器时包含本地目录路径”选择“启用”。然后点击确定关闭IE，重启打开。
5、更新浏览器的flash版本。搜索”flash player“即可找到，的“Adobe Flash Player系统插件”。
6、点击后，浏览器会自动跳转到下载选择界面，在界面中取消可选程序，然后点击“立即安顷丛旅装”。
7、安装完成后，重启浏览器即可。此时再去点击上传按钮，发现可以找到本地的文件，并且可以郑喊上传了。
方法如下：1、OA系统没有安装相应的上传文件的插件。解决办法：下载相应的插件即可。2、IE浏览器上传附件的路径没有启用如果IE上传附件的路径没有启扮槐用，在上传附件的时候唯缺谨会提示无法找到相应文件的路径。设置：打开IE浏览器--------点指基IE浏览器上面工具选项选择Internet选项---------进入Internet选项选择安全选项-------选择自定义级别-------找上传文件路径的选项，选择启用------应用保存即可。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）