Dropzone.js maxFilesize 不起作用

Question

尝试使用 Dropzone 上传 3MB 或更大的文件，但它对我不起作用，即使我指定了 500MB 的 maxFilesize。尝试查看其他答案，但它们对我不起作用。

这是我的 HTML：

<form id="dropzone" action="photoupload.php" class="dropzone" enctype="multipart/form-data">
</form><br />

这是我对 Javascript 的看法：

Dropzone.options.dropzone = {
    maxFilesize: 500,
    acceptedFiles: "image/*",
    init: function() {
        this.on("uploadprogress", function(file, progress) {
            console.log("File progress", progress);
        });
    }
  }

脚本适用于接受文件部分（拒绝所有非图像），但不会上传大于 2 到 3 MB 的文件，我不知道为什么。

任何帮助将不胜感激！

Answer 1

如果没有更多信息，我假设问题与您的服务器有关。显然 Dropzone 无法控制您的服务器配置，这通常也有文件大小上传限制。

在您的情况下 (PHP)，有问题的配置选项是 upload_max_filesize 和 post_max_size。请参考问题“How to change the maximum upload file size in PHP?”有关如何更改这些选项的更多信息。

Answer 2

我认为你需要这个：

Dropzone.prototype.accept = function(file, done) {
      if (file.size > this.options.maxFilesize * 1024 * 1024 ) {
        return done(this.options.dictFileTooBig.replace("{{filesize}}", Math.round(file.size / 1024 / 10.24) / 100).replace("{{maxFilesize}}", this.options.maxFilesize));
      } else if (!Dropzone.isValidFile(file, this.options.acceptedFiles)) {
        return done(this.options.dictInvalidFileType);
      } else if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {
        done(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}", this.options.maxFiles));
        return this.emit("maxfilesexceeded", file);
      } else {
        return this.options.accept.call(this, file, done);
      }
    };