允许Dropzone js仅上载zip文件

Question

<div class="row">
    <div class="col-md-9">
        <div id="dropzone">
            <form action="/Home/Upload" class="dropzone needsclick dz-clickable" id="uploader">
                <div class="dz-message needsclick">
                    Drop files here or click to upload.<br>
                </div>
            </form>
        </div>
    </div>
</div>


<script>
    $(document).ready(function () {

        Dropzone.options.uploader = {
            paramName: "file",
            maxFilesize: 256,
            acceptedFiles: "application/zip,application/octet-stream,application/x-zip-compressed,multipart/x-zip,.zip",
            maxFiles: 1
        };

});
</script>

[HttpPost]
    public async Task<IActionResult> Upload(IFormFile file)
    {
        var uploads = Path.Combine(_environment.ContentRootPath, "Uploads");
        if (file.Length > 0)
        {
            using (var fileStream = new FileStream(Path.Combine(uploads, file.FileName), FileMode.Create))
            {
                await file.CopyToAsync(fileStream);
            }
        }
        return RedirectToAction("Index");
    }

但应用程序仍然允许上传任何MIME类型的文件。哪里有问题？另外，限制maxFiles也不起作用--它允许我上传无限多个文件。

Answer 1

根据文档(https://www.dropzonejs.com/#configuration)，您可以这样做：

Dropzone.options.myAwesomeDropzone = {
  accept: function(file, done) {
    if (file.name.endsWith !== ".zip") {
      done("Naha, you don't.");
    }
    else { done(); }
  }
};

获取文件和done函数作为参数的函数。如果在没有参数的情况下调用done函数，则文件被“接受”并将被处理。如果您传递了错误消息，文件将被拒绝，并且将显示错误消息。如果文件太大或与mime类型不匹配，则不会调用此函数。

编辑：这里有一个小提琴来演示它:http://jsfidle.net/behyzjng/15/