Blueimg文件上传插件响应代码

Question

我正在使用fileupload插件" blueimg file上传" https://github.com/blueimp/jquery-file-file-upload。

建议以下几乎显示错误：

window.locale = {
    "fileupload": {
        "errors": {
            "maxFileSize": "File is too big",
            "minFileSize": "File is too small",
            "acceptFileTypes": "Filetype not allowed",
            "maxNumberOfFiles": "Max number of files exceeded",
            "uploadedBytes": "Uploaded bytes exceed file size",
            "emptyResult": "Empty file upload result"
        },
        "error": "Error",
        "start": "Start",
        "cancel": "Cancel",
        "destroy": "Delete"
}
};

但是，我该如何提出这些错误。例如：我可以检查服务器端上的最大文件大小，然后响应客户端上的Blueimg插件的相应错误代码。

此外，我想向其注入更多错误映射。如何完成？

预先感谢。

Answer 1

您可以将使用文件上传窗口小部件时设置MaxFilesize，minfilesize，acceptfiletypes等作为选项。

在文件上传初始化的添加函数中，您可以这样检查。

add: function (e, data) {
  $.each(data.files, function (index, file) {
    if (file.error === 'maxFileSize') {  
        $('#errorMessage').html('<a class="close" onclick="closeAlert('errorMessage');">×</a>' + fname +  ': File size larger than allowed. Please upload a smaller file.');
    } 
    else if (file.error === 'acceptFileTypes') {
        $('#errorMessage').html('<a class="close" onclick="closeAlert('errorMessage');">×</a>' + fname +  ': Invalid file type. Please select a valid file.');
    } 
    else if (file.error === 'minFileSize') {
        $('#errorMessage').html('<a class="close" onclick="closeAlert('errorMessage');">×</a>' + fname + ': Cannot upload empty file.');
    }
  });
}

文件上传插件进行所有检查，并根据选项集给出错误。