Rumah >hujung hadapan web >tutorial js >jquery插件ocupload一键上传的方法
本文主要为大家分享一篇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框-->b4abb84134ee89fd14412b2cb013af02,使用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("上传成功..."); } });
后台页面接收解析上传文件...
相关推荐:
Atas ialah kandungan terperinci jquery插件ocupload一键上传的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!