剑轩

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






关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢