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();

此時要注意同步與異步的差別,不然不會成功顯示

 

一些插件的個性化需要多去讀代碼,根據業務需求進行修改