排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术
分类:
前端
如何把文件选择按钮换成自己的
因为WebUploader设置关联的上传id会有他的样式,有时候想换成自己的
开始想的是添加自己的文件选择按钮事件,然后在事件中在去触发WebUploader选择文件的按钮,把WebUploader自带的隐藏掉即可
//自己的选择文件按钮 $("#choiseFile").click(function () { $("#hchoiseFile").click(); });
但是并不行,分析代码发现里边有异常的file标签,然后就想到去触发这个file标签,估计WebUploader选择文件的按钮也是去触发的这个
//自己的选择文件按钮 $("#choiseFile").click(function () { $("#hchoiseFile").find("input[type=file]").click(); });
测试通过这样是可行的
WebUploader文件不能重新选择问题
文件限制了只能一次上传一个,但是用户选择一次后,如果觉得选错了在选择一次是不行的,就会触发错误Q_EXCEED_NUM_LIMIT也就是一次只能选中一个文件的限制,我们监听这个错误然后重置一下WebUploader就可以让用户重新选择了,调用一下reset方法即可。
uploader.on("error", function (type) { if (type == "Q_TYPE_DENIED") { alert("请上传JPG、PNG、GIF、BMP格式文件"); } else if (type == "Q_EXCEED_SIZE_LIMIT") { alert("文件大小不能超过50M"); } else if (type == "Q_EXCEED_NUM_LIMIT") { //alert("一次只能选择一个文件"); uploader.reset() } else { alert("上传出错!请检查后重新上传!错误代码" + type); } });
小文件能传递成功,大文件传递失败,直接报404
这是因为后台限制了传递的大小,配置一下即可,具体的配置方法可以参考第一篇文章
http://www.tnblog.net/aojiancc2/article/details/2680
欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739
评价