本文主要为大家分享一篇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一键上传的方法的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
917
收藏
