应无所住,而生其心
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

ASP.NET MVC + WebUploader实现文件上传二:使用中的一些问题

7027人阅读 2019/9/23 16:53 总访问:4844644 评论:0 收藏:0 手机
分类: 前端


如何把文件选择按钮换成自己的

因为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

评价