javascript-精细的上传验证集

我正在使用Fine Upload-Plugin.

我想将.docx文件上传到我的应用程序中…仅.docx文件.

当然这很容易通过查询来处理,例如

if (extension == "docx") 
 upload something

但是我看到了一个字段,您可以在其中指定诸如“所有类型”或“所有图像”之类的数据类型.

我在哪里可以添加/操作此验证？

我尝试了acceptFiles-options,但这只能阻止上传.
我想给用户只显示.docx文件的可能性.

HTML代码：

<div id="manual-fine-uploader"></div>
   <div id="triggerUpload" class="btn btn-primary" style="margin-top: 10px;display:none">
   <i class="icon-upload icon-white"></i> Datei einfügen
</div>
<div id="uploadNewFile"></div>

JS代码

$("#uploadNewFile").fineUploader({
    element: document.getElementById('manual-fine-uploader'),
    request: {
        endpoint: 'Upload.aspx'
    },
    autoUpload: true,
    //Part, that may be important
    ///MEME-Type: docx
    acceptFiles: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
    allowedExtensions: ["docx"],
    //Endpart
    maxConnections: 1,
    multiple: false,
    chunking: {
        enabled: true
    },
    resume: {
        enabled: true
    },
    text: {
        uploadButton: 'Datei hochladen'
    }
});

编辑：

也许问题还不够清楚：

我需要在选择文件对话框中使用特定的过滤器.

像标准的“仅图像”或“所有类型”等.

如何添加此类过滤器？

Here you see the select

解决方法:

您的allowedExtensions和acceptFiles选项不在正确的位置.您的代码应如下所示：

$("#uploadNewFile").fineUploader({
    element: document.getElementById('manual-fine-uploader'),
    request: {
        endpoint: 'Upload.aspx'
    },
    validation: {
        acceptFiles: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
        allowedExtensions: ["docx"]
    },
    maxConnections: 1,
    multiple: false,
    chunking: {
        enabled: true
    },
    resume: {
        enabled: true
    },
    text: {
        uploadButton: 'Datei hochladen'
    }
});

有关更多详细信息,请参见validation option in the documentation,以及validation feature page.

另外,如果您使用的是Fine Uploader 4.x,则在模板重新设计过程中会删除text.uploadButton选项.在4.x及更高版本中,您可以在标记中声明的模板中指定按钮名称等.

最后,当您将autoUpload选项设置为默认值时,我将其从配置中删除.在这种情况下,无需声明它.

标签：validation,types,fine-uploader,javascript
来源： https://codeday.me/bug/20191122/2057678.html