jquery插件ocupload一键上传的方法

零到壹度
发布: 2018-03-29 14:48:58
原创
2434 人浏览过

本文主要为大家分享一篇jquery插件ocupload一键上传的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧。

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

   
登录后复制

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
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!