Voglio sviluppare un albero di cartelle e file con un caricamento drag-and-drop sulle cartelle.jQuery: un caricamento drag-and-drop con multi dropzone
Esempio:
Per l'upload drag-and-drop, io finanziare jQuery File Upload.
Il codice di base è:
$('#fileupload').fileupload({
dataType: 'json',
url: 'php/index.php',
dropZone: $(document),
done: function (e, data) {
$.each(data.result, function (index, file) {
$('<p/>').text(file.name).appendTo(document.body);
});
}
});
Nel mio progetto, ho più zona di lancio (le cartelle), come ad esempio:
<ul>
<li>Bookmarks</li>
<li>Search</li>
<li>Web dev</li>
...
</ul>
Come cambiare il codice precedente per gestire il multi dropzone con selettori id, class e jQuery?
Ho provato qualcosa di simile, ma ovviamente non funziona:
<ul>
<li id="folder1" class="folder">Bookmarks</li>
<li id="folder2" class="folder">Search</li>
<li id="folder3" class="folder">Web dev</li>
...
</ul>
.
$('.folder').fileupload({
dataType: 'json',
url: 'php/index.php',
dropZone: $('.folder'),
done: function (e, data) {
$.each(data.result, function (index, file) {
$('<p/>').text($(this).attr(id)).appendTo(document.body);
});
}
});
Issues:
- l'upload è fatto 3 volte.
- $ (questo) non esiste.