最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jquery插件ocupload一键上传的方法

来源:动视网 责编:小OO 时间:2020-11-27 19:57:54
文档

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(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一键上传的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧。

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框--><input type="fiel" name="file"/>,使用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一键上传的方法

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>;。
推荐度:
标签: 方法 插件 方式
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top