jquery.fileupload.js 屏蔽因粘贴文件导致的触发文件上传 与增加等待图示

今天在处理文件上传的时候,发现复制文件到页面粘贴也导致了文件的上传,百度了下并没有得到解决,后面查看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();

此时要注意同步与异步的差别,不然不会成功显示

 

一些插件的个性化需要多去读代码,根据业务需求进行修改