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("上传成功...");
}
});
后台页面接收解析上传文件...