Quiero desarrollar un árbol de carpetas y archivos con una carga de arrastrar y soltar en las carpetas.jQuery: una carga de arrastrar y soltar con multi dropzone
Ejemplo:
para la carga de arrastrar y soltar, I Fondo jQuery File Upload.
El código básico es:
$('#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);
});
}
});
En mi proyecto, he zona de saltos múltiples (mis carpetas) como por ejemplo:
<ul>
<li>Bookmarks</li>
<li>Search</li>
<li>Web dev</li>
...
</ul>
Cómo cambiar el código anterior para manejar la multi dropzone con id, clase y jQuery selectores?
he intentado algo como esto pero es obvio que no funciona:
<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);
});
}
});
Problemas:
- la carga se realiza 3 veces.
- $ (esto) no existe.