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
