jquery - blueImp/jquery 文件上传 - 如果文件类型不被接受,如何获取错误消息?

标签 jquery blueimp

我想使用 BlueImp/Jquery 文件上传来将一些图像上传到网络服务器。 我有这个 JS 代码,是我通过阅读许多来源生成的

 $('#file_upload').fileupload('option', {
        dataType: 'json',
        url: '/Upload/UploadFiles',
        maxFileSize: 5000000,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        process: [
            {
                action: 'load',
                fileTypes: /^image\/(gif|jpeg|png)$/,
                maxFileSize: 20000000 // 20MB
            },
            {
                action: 'resize',
                maxWidth: 1440,
                maxHeight: 900
            },
            {
                action: 'save'
            }
        ],
        progressall: function (e, data) {
            $(this).find('.progressbar').progressbar({ value: parseInt(data.loaded / data.total * 100, 10) });
        },
        done: function (e, data) {
            $('#show_image').append('<img src="' + data.result[0].ThumbURL + '" />');
            $('#imgID').val($('#imgID').val() + data.result[0].Id + ',');
            $(this).find('.progressbar').progressbar({ value: 100 });
        },
        error: function (e, data) {
            var a = 1;
        }
    });
});

它之所以有效,是因为它不会上传任何非图像文件,但我希望能够获取错误消息(如果存在)以向用户显示。

their demo他们有一些代码(jquery.fileupload-ui.js 和 jquery.fileupload-fp.js)可以“神奇地”创建包含错误的 HTML(我仍然在努力理解它)。

我真的不知道我是否也应该使用这些插件并以某种方式自定义生成的 HTML,或者手动获取信息并填充它是否更简单。

我对 JS 和 Jquery 还很陌生,所以也许我遗漏了一些东西。

如何配置正在生成的 HTML 或者如何获取错误消息?

谢谢, 奥斯卡

最佳答案

我知道这是一个旧线程,但如果有人仍在寻找如何获取错误消息,这里有一个方法:

$('#fileupload').bind('fileuploadprocessfail', function (e, data) {
    alert(data.files[data.index].error);
});

关于jquery - blueImp/jquery 文件上传 - 如果文件类型不被接受,如何获取错误消息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12506459/

相关文章:

javascript - 随着窗口大小的变化自动调整标题大小

javascript - 如何让这个字体选择器在带有选项卡的 Bootstrap 模式中正确显示

javascript - 如何使用按钮允许用户添加/减去输入元素并保持元素值顺序?

jquery - 为什么 Blueimp 的 jQuery-File-Upload 插件不触发回调?

Jquery 悬停函数并不总是在悬停时被调用

c# - Gritter Jquery 脚本

angularjs - Angular 和 Bluimp jQuery 文件上传 : parseMetaData error

jquery - blueimp jQuery-File-Upload 脚本 - 重置进度条

javascript - BlueImp Gallery - 如何停用滑动事件

java - 在 JAVA 中使用 jquery 文件上传插件分块上传文件