jquery插件ocupload一键上传的方法-js教程-PHP中文网

jquery插件ocupload一键上传的方法

零到壹度

发布： 2018-03-29 14:48:58

原创

2593人浏览过

本文主要为大家分享一篇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("上传成功...");
	}
});

登录后复制

后台页面接收解析上传文件...

相关推荐：

行业贸易网站管理系统 2007 Beta 1

1.修正BUG站用资源问题,优化程序2.增加关键词搜索3.修改报价4.修正BUG 水印问题5.修改上传方式6.彻底整合论坛,实现一站通7.彻底解决群发垃圾信息问题。注册会员等发垃圾邮件7.彻底解决数据库安全9.修改交易方式.增加网站担保,和直接交易两中10.全站可选生成html.和单独新闻生成html(需要装组建)11. 网站有10中颜色选择适合不同的行业不同的颜色12.修改竞价格排名方式13.修