ASP.NET MVC + WebUploader实现文件上传二:使用中的一些问题
电脑版发表于:2019/9/23 16:53
如何把文件选择按钮换成自己的
因为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