JQuery Dropzone 選項不起作用的問題

Question

我創建了一個 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 的新手。我該怎么做

Answer 1

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