时间戳

首页 > 解决方案 > JQuery Dropzone选项不起作用问题

javascript - JQuery Dropzone选项不起作用问题

问题描述

我创建了一个 dropzone 文件上传。我的 html 代码是

<form action="upload.php" class="dropzone" id="myDropzone"></form>

选项是

$(document).ready(function() {
    Dropzone.options.myDropzone = {
        dictDefaultMessage: "Select photos",
        paramName: "file",
        maxFilesize: 0.5,
        clickable: false,
        renameFile: function (file) {
              return file.name = new Date().getTime() + '_' + file.name;
        }
};
});

但是这些选项不起作用。我是 dropzone 的新手。我该怎么做

标签： javascriptdropzone.js

解决方案

https://codesandbox.io/s/peaceful-varahamihira-cci6y

创建 Dropzone 实例比尝试使用“自动发现”功能更容易。

$(document).ready(function() {
  // Prevent Dropzone from auto discovering this element:
  Dropzone.options.myDropzone = false;
  // This is useful when you want to create the
  // Dropzone programmatically later

  // Disable auto discover for all elements:
  Dropzone.autoDiscover = false;

  var myDropzone = new Dropzone("#myDropzone", {
    url: "upload.php",
    dictDefaultMessage: "Select photos",
    paramName: "file",
    maxFilesize: 0.5,
    clickable: false,
    renameFile: function(file) {
      return new Date().getTime() + "_" + file.name;
    }
  });

  myDropzone.on("complete", function(file) {
    console.log(file);
  });
});

推荐阅读