今天在处理文件上传的时候,发现复制文件到页面粘贴也导致了文件的上传,百度了下并没有得到解决,后面查看jquery.fileupload.js文件,发现了粘贴事件的代码.解决如下:
1.jquery.fileupload.js文件的粘贴时间注释掉:
2.注释完调试console报jquery.ui.widget.js有错,定位到位置,发现也是粘贴的代码,注释完jquery.ui.widget.js解决问题:
二.增加等待图示
增加样式
.loadingWrap{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:300;
background-image:url(loading.gif);
background-repeat:no-repeat;
background-position:center center;
background-color:#000;
background-color:rgba(0,0,0,0.5);
filter:alpha(opacity=50);
}
在fileupload中增加:
beforeSend: function ( xhr ) {
$("<div class=\"loadingWrap\"></div>").appendTo("body");
},
成功后取消图标: $(".loadingWrap").remove();
此时要注意同步与异步的差别,不然不会成功显示
一些插件的个性化需要多去读代码,根据业务需求进行修改