首頁 > web前端 > js教程 > 主體

jquery外掛ocupload一鍵上傳的方法

零到壹度
發布: 2018-03-29 14:48:58
原創
2524 人瀏覽過

本文主要為大家分享一篇jquery外掛ocupload一鍵上傳的方法,具有很好的參考價值,希望對大家有幫助。一起跟著小編過來看看吧。

jquery ocupload(one-click upload)的使用:

<!-- 导入jquery核心类库 -->
<script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
<!-- 导入文件上传的ocupload -->
<script type="text/javascript" src="../../js/ocupload/jquery.ocupload-1.1.2.js"></script>
登入後複製

jquery ocupload一鍵上傳原理:

    點擊上傳按鈕,其內部封裝了一個隱藏的form表單,表單的enctype屬性為multipart/form-data,表單的提交方式post提交,表單中有一個input框--> ,使用onChange事件監聽,當表單提交,其內部隱藏的iframe實現無刷新頁面文件上傳.

jquery ocupload的前台頁面編寫:

#
$("#button-import").upload({
	//name 默认为file
	action : 文件上传的后台路径,
	onSelect : function(){
	    //选中文件关闭自动提交
	    this.autoSubmit = false;
	    //判定文件格式
	    var filename = this.filename();
	    var regex = 通过文件后缀名规定文件类型的正则;
	    if(regex.test(filename)) {
	        //满足正则表达式
	        this.submit();
	    }else{
	        $.messager.alert("警告!","..","warning");
	    }
	},
	onComplete : function(response){
	    alert("上传成功...");
	}
});
登入後複製

後台頁面接收解析上傳檔案...

相關推薦:

【JavaScript】——一鍵上傳外掛

jquery ocupload一鍵上傳檔案應用程式

#jQuery外掛OCUpload一鍵上傳的使用

以上是jquery外掛ocupload一鍵上傳的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板