本文主要為大家分享一篇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("上传成功..."); } });
後台頁面接收解析上傳檔案...
相關推薦:
以上是jquery外掛ocupload一鍵上傳的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!