Получить список всех имен файлов папки после перетаскивания - Javascript - PullRequest
Новая
       26

Получить список всех имен файлов папки после перетаскивания - Javascript

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

Можем ли мы получить все имена файлов папки после его перетаскивания при перетаскивании?Если да, как мы можем это сделать, пожалуйста?

Вот код папки перетаскивания:

HTML: 

<div id="drop_zone">Drop files here</div>
<div id="info"></div>

JS: 

function handleDrop(e) {
    e.stopPropagation();
    e.preventDefault();

    var files = e.dataTransfer.files,
        folders = 0,
        other = 0;

    for (var i = 0, f; f = files[i]; i++) { // iterate in the files dropped
        if (!f.type && f.size % 4096 == 0) folders++;
        else other++;
    }

    if (folders && !other) {
        if (folders > 1) info.innerHTML = 'You dropped ' + folders +' folders!';
        else info.innerHTML = 'You dropped 1 folder!';
    } else if (!folders && other) {
        if (other > 1) info.innerHTML = 'You dropped ' + other +' files!';
        else info.innerHTML = 'You dropped 1 file!';
    } else {
        if (folders > 1) info.innerHTML = 'You dropped ' + folders +' folders ';
        else info.innerHTML = 'You dropped 1 folder ';
        if (other > 1) info.innerHTML += 'and ' + other +' files!';
        else info.innerHTML += 'and 1 file!';
    }
}

function handleDragOver(e) {
    e.stopPropagation();
    e.preventDefault();
    e.dataTransfer.dropEffect = 'copy';
}

function handleDragEnter(e) {
    e.stopPropagation();
    e.preventDefault();
    info.innerHTML = '<b>Dragging...</b>';
}

function handleDragLeave(e) {
    e.stopPropagation();
    e.preventDefault();
    info.innerHTML = '';
}

var dropZone = document.getElementById('drop_zone'),
    info = document.getElementById('info');

dropZone.addEventListener('dragenter', handleDragEnter, false);
dropZone.addEventListener('dragover', handleDragOver, false);
dropZone.addEventListener('dragleave', handleDragLeave, false);
dropZone.addEventListener('drop', handleDrop, false);

CSS: 

#drop_zone {
    border: 2px dashed #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 25px;
    text-align: center;
    font-family: sans-serif;
    font-size: 1.5em;
    color: #bbb;
}

#drop_zone:hover {
  background-color: blue;
  cursor: pointer;
}
#info {
    font-family: monospace;
    font-size: 18px;
}

Я действительно пытался найти, как это сделать, но я нахожу только эти ссылки: Получить список имен файлов в папке с Javascript или Как получить список имен всех файлов, присутствующих в каталоге в Node.js? , и проблема в том, что онииспользуя путь для папок, но я, я пытаюсь сделать это сразу после перетаскивания.

...