Javascript dropzone.js - Выбор папки для загрузки файла - PullRequest
Новая
       34

Javascript dropzone.js - Выбор папки для загрузки файла

0 голосов
/ 05 июня 2018

Я использую dropzone.js для загрузки нескольких файлов.Используя это, я могу выбрать несколько файлов из папки, а при выборе нескольких файлов я выберу только набор файлов из своего списка.

Вместо этого мне нужно выбрать папку (каталог)

Я могу перетаскивать папку.Те же функции, которые я должен делать, когда я нажимаю на dz-clickable

Мой HTML-код 

<div class="dropzone dz-clickable" id="myDrop">
    <div class="dz-default dz-message" data-dz-message="">
        <span>Upload or drag your files here</span>
    </div>
</div>

Мой код Javascript 

var myDropzone = new Dropzone("div#myDrop", {
addRemoveLinks: true,
autoProcessQueue: false,
parallelUploads: maxParallelCount,
url: "#",
transformFile: function transformFile(file, done) {
  zip = new JSZip();
  zip.file(file.name, file);
  zip.generateAsync(
    {
      type:"blob",
      compression: "DEFLATE"
    }
  ).then(function(content) {
    done(content);
  });
},
init: function() {
    this.on("addedfile", function(file) {
        if (jQuery.inArray(file.name, addedfiles) > -1) {
            myDropzone.removeFile(file);
        }
        if (jQuery.inArray(file.name, DOC_NAMES) == -1) {
            myDropzone.removeFile(file);
        }
        else {
            addedfiles.push(file.name);
            queueCount += 1;
        }
    });
    this.on("removedfile", function(file) {
        console.log(file.name);
        if (jQuery.inArray(file.name, addedfiles) > -1) {
            // addedfiles.pop(file.name);
            var indOfAddedFiles = addedfiles.indexOf(file.name);
            console.log("indOfAddedFiles -> "+ indOfAddedFiles);
            addedfiles.splice(indOfAddedFiles, 1);
            queueCount -= 1;
        }
    })
}

Как выбрать каталоги сделать мой процесс соответственно?Есть идеи?

Ответы [ 2 ]

0 голосов
/ 11 июня 2018

Позвольте мне ответить на мой вопрос

Выбор папки достигается установкой атрибута webkitdirectory как true в hiddenFileInput

Наряду с атрибутом type добавьте как 

_this3.hiddenFileInput = document.createElement("input");
_this3.hiddenFileInput.setAttribute("type", "file");
_this3.hiddenFileInput.setAttribute("webkitdirectory", true);
0 голосов
/ 05 июня 2018

Я не думаю, что Dropzone.js позволяет загружать весь каталог (или он не указан в их документе)

...