webuploader上传文件,大小,类型,提示、和一些错误
来源:互联网 发布:手机模拟器网络加速器 编辑:程序博客网 时间:2024/05/22 02:15
使用webuploader上传图片,对格式大小有限制。
下面是我是用中的一些总结,有不对的地方,希望大佬们指出。
废话不多说,下面正文
文件大小限制
fileNumLimit: xx,//上传数量限制fileSizeLimit: xx,//限制上传所有文件大小fileSingleSizeLimit: xx,//限制上传单个文件大小
图片类型限制
accept: {// 只允许选择图片文件格式 title: 'Images', extensions: 'gif,jpg,bmp,png', mimeTypes: 'image/*'},
提示信息
type是错误编码。不清楚的错误可以打印出来看一下,使用的layer弹出提示、可以改的。
/*** 验证文件格式以及文件大小*/uploader.on("error", function (type) { if (type == "Q_TYPE_DENIED") { layer.msg("请上传JPG、PNG、GIF、BMP格式文件"); } else if (type == "Q_EXCEED_SIZE_LIMIT") { layer.msg("文件大小不能超过2M"); }else { layer.msg("上传出错!请检查后重新上传!错误代码"+type); }});
一些错误
我碰到还一种情况是要初始化的空间隐藏状态,控件没有初始化。解决方法是在控件显示出来后在调用一次函数,就是在初始化一次。
单张图片上传完后,想要修改再次上传图片是没有效果,我在网上查找到了 说加上duplicate: true
但是我的还是没有效果,解决方法是上传完成后再次初始化控件。
源码如下,有明白问什么都同学还请告知一二。
下面贴出全部代码。仅供参考
/** * @param url 地址 * @param num 上传数量 * @param totalSize 限制上传所有文件大小 * @param singleSize 限制上传单个文件大小 */function initWebuploader(url,num,totalSize,singleSize,rootPath) { uploader = WebUploader.create({ fileNumLimit: num,//上传数量限制 fileSizeLimit: totalSize,//限制上传所有文件大小 fileSingleSizeLimit: singleSize,//限制上传单个文件大小 auto: true, // swf文件路径 // swf: BASE_URL + '/js/Uploader.swf', // 文件接收服务端。 server: url, // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick: '#picker', // 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传! resize: false, accept: {// 只允许选择图片文件格式 title: 'Images', extensions: 'gif,jpg,bmp,png', mimeTypes: 'image/*' }, duplicate: true }); //上传每个文件之前设置额外参数 uploader.on("uploadStart", function () { }); uploader.on("startUpload", function () { }); uploader.on("uploadSuccess", function (file, response) { $("#imgView").attr("src", rootPath + response); $("#photo").val(response); layer.msg("上传成功"); }); uploader.on("uploadFinished", function () { //layer.msg("上传成功") //多次上传,页面使用webuploader1来调用,实现多次上传效果 // function initWebuploader1() { // initWebuploader(...); // } uploader.destroy(); initWebuploader(url,num,totalSize,singleSize,rootPath); }); /** * 验证文件格式以及文件大小 */ uploader.on("error", function (type) { if (type == "Q_TYPE_DENIED") { layer.msg("请上传JPG、PNG、GIF、BMP格式文件"); } else if (type == "Q_EXCEED_SIZE_LIMIT") { layer.msg("文件大小不能超过2M"); }else { layer.msg("上传出错!请检查后重新上传!错误代码"+type); } });}
12 0
- webuploader上传文件,大小,类型,提示、和一些错误
- struts2文件上传类型和大小提示信息问题
- webuploader上传文件,含文件大小、类型验证
- webuploader上传文件插件
- 文件上传 webuploader
- webuploader上传文件组件
- WebUploader上传文件
- WebUploader删除上传文件
- webuploader 多文件上传
- WebUploader文件上传
- 利用WebUploader实现大文件上传和视频上传
- 文件上传错误类型
- Idea中使用Springboot和webuploader插件进行文件上传
- asp.net 上传文件的类型和大小判断
- js判断上传文件的类型和大小
- IIS文件上传、下载的类型和大小设置
- js限制input file文件上传的大小和类型
- js 控制 上传文件的大小和类型
- IntelliJ IDEA 注册码
- jquery mobile实现html5下拉刷新,实现pc与phone的兼容
- 浅谈JavaScript高级选择器querySelector和querySelectorAll
- java selenium (十一) 操作弹出对话框
- c语言-指针
- webuploader上传文件,大小,类型,提示、和一些错误
- 从零开始学Makefile(九)
- 基于AlertDialog和Dialog封装的多种弹出框样式
- 高效加载大图片之Lrucache使用
- 更新ruby出现的Error running '__rvm_make -j 1',问题解决方法
- 堆栈溢出问题 调试到位置(test dword ptr [eax],eax ; probe page.)局部数组变量定义所分配的最大空间为1M
- java selenium (十二) 操作弹出窗口
- EDAS入门学习
- 51nod 2级算法题-1062