Question

当你有一个最大文件大小设置并将文件拖放到超过该限制的文件时，DropZone会抛出一个事件吗？我尝试过以下事件，但似乎没有被触发。

错误，重置，已添加文件，已删除文件，已丢弃。

目前，当您将文件过大地放到区域上时，我们的实现不会执行任何操作。我们希望提供反馈，表明文件超出了文件大小的最大限制。

Answer 1

它不会抛出任何事件，它会返回一条错误消息。

dropzone.js的代码段

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));
  }
  .
  .
  .
}

http://www.dropzonejs.com/#config-dictFileTooBig

要抛出错误消息，请将 maxFilesize：2，// MB 添加到配置

http://www.dropzonejs.com/#configuration

previewTemplate必须包含div元素和＆＃34; dz-error-message＆＃34;类

previewTemplate: '<div class="dz-preview dz-file-preview">
  <div class="dz-details">
    <div class="dz-filename"><span data-dz-name></span></div>
  <div class="dz-size" data-dz-size></div>
  <img data-dz-thumbnail />
 </div>
 <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>
 <div class="dz-success-mark"><span>✔</span></div>
 <div class="dz-error-mark"><span>✘</span></div>
 <div class="dz-error-message"><span data-dz-errormessage></span>     </div>
 </div>'

http://www.dropzonejs.com/#layout

Answer 2

var dropZoneDiv = new Dropzone（“ div＃DropZoneDiv”，{ 网址：“上传”， PreviewTemplate：document.querySelector（'＃preview-template'）。innerHTML， thumbnailHeight：100， thumbnailWidth：100， addedfile：函数（文件）{ if（file.size>（1024 * 1024 * 50））//不超过5mb { this.removeFile（file）; abp.message.error（“仅允许50 mb文件大小”）; } }

超出Filesize时抛出的事件

2 个答案: