Question

我在上载图像时使用了dropzone，但是我在它的maxFilesize中有问题，我放了maxFilesize: 50，根据它的文档，它是50mb，但是当我上载大于1mb的图像时，它说太大了。

在研究中，我发现了codepen，当我还尝试制作maxFilesize: 50时，上传了2mb的图像，当我将鼠标悬停在图像上时，它还说图像太大。 >

这是我的代码示例

$('#imageUploader').dropzone({
    paramName: 'file',
    maxFilesize: 50,
    acceptedFiles: "image/*",
    uploadMultiple: false,
    success: function( file, response ) {
      console.log(response);
    },
    error: function( file, errorMessage ) {
     console.log(errorMessage);
    },
    complete: function() {
      console.log('Complete');
    }
  });

我不知道这是否是一个错误，或者我只是在代码中丢失了一些东西

我已经尝试过link 我在代码中添加了这个

 init: function() {
  this.on("uploadprogress", function(file, progress) {
    console.log("File progress", progress);
  });
}

但仍然有错误

当我尝试通过文件path, filename,basename,pathname,realPath下的1mb时有一个值，但是当我传递4mb的图像时它没有任何值

我正在使用laravel作为后端

Answer 1

addedfile: function (file) {
            if (file.size > (1024 * 1024 * 5)) // not more than 5mb
            {
                this.removeFile(file);
                alert("Only 5 mb file size is allowed");
            }
        }

Answer 2

您需要在此处做一些事情来增加大小限制，如果您使用的是NGINX，则需要在配置文件中添加与此类似的指令：

client_max_body_size 100M;

并在您的php.ini中（如果是Apache，您只需要这样做）

upload_max_filesize = 100M
post_max_size = 100M

Dropzone maxFilesize

2 个答案: