использовать dropzone.options без формы - PullRequest
Новая
       26

использовать dropzone.options без формы

0 голосов
/ 07 сентября 2018

Я хочу использовать dropzone с идентификатором. Но мой Dropzone.options.myid = {} не работает. Как проверить тип файла, размер в 

var myDropzone = new Dropzone("div#myid", { url: "/file/post"});

Я не могу использовать тег

файл console.log не работает, почему? Мой источник: 

<div id="myid" style="width: 500px; height: 300px; border: 1px solid black">click here</div>

1009 * Javascript *

var myDropzone = new Dropzone ("div # myid", {url: "dropzoneupload"}); 

Dropzone.options.myid = {
    paramName: "file", // The name that will be used to transfer the file
    maxFilesize: 2, // MB
    accept: function(file, done) {
        console.log(file);
        if (file.name == "justinbieber.jpg") {
            done("Naha, you don't.");
        }
        else { done(); }
    }
};

1 Ответ

0 голосов
/ 01 октября 2018

Я не вижу, где вы используете класс dropzone для определения вашей области dropzone, генерирует ли она стандартную зону dropzone? 

<div id="myDropZone" class="fallback dropzone" enctype="multipart/form-data">
      <input type="file" id="files" class="display" multiple />
</div>

Сначала вам нужно отключить зону сброса по умолчанию, добавьте это из документа, готового к загрузке. 

Dropzone.autoDiscover = false;

Тогда вы JQuery или JS 

 var $myDropZone;
 $myDropZone= new Dropzone('div#myDropZone', {*all your settings* 
  addRemoveLinks: true, //to remove
  dictRemoveFile: '<i class="fa fa-times-circle" style="font-weight: 900; 
  cursor:pointer;"></i>' //I used an icon and styled as button so to give a user 
  experience to remove it});

Надеюсь, это поможет, привет.

...