将文件夹上传到没有库的 jQuery 中
drag and drop folder upload in jquery without library
>我已经像这样编写了正常的多文件拖放上传器,
.HTML:
<div class="drop-box drop-area">
<form enctype="multipart/form-data" id="yourregularuploadformId">
<input type="file" name="files[]" multiple="multiple" class="hidden">
</form>
</div>
脚本:
$('.drop-area').on(
'drop',
function (e) {
e.preventDefault();
e.stopPropagation();
if (e.originalEvent.dataTransfer) {
if (e.originalEvent.dataTransfer.files.length) {
processFileUpload(e.originalEvent.dataTransfer.files);
}
}
}
);
function processFileUpload(droppedFiles) {
var uploadFormData = new FormData($("#yourregularuploadformId")[0]);
if (droppedFiles.length > 0) {
for (var f = 0; f < droppedFiles.length; f++) {
uploadFormData.append("files[]", droppedFiles[f]);
}
}
$.ajax({
url: "files.php",
type: "POST",
data: uploadFormData,
cache: false,
contentType: false,
processData: false,
success: function (ret) {
alert("file uploaded !");
},
});
}
我必须上传文件夹,嵌套文件夹(目录)。 怎么做? 任何人都得到了这个。 这是可能的。 我不需要使用库来执行此操作。(它必须适用于IE10)
对于 Chrome>= 21,它将起作用 Chrome 21 拖放
相关文章:
- 如何在 html/javaScript/Jquery 中“浏览文件夹”
- 如何在 elfinder(一个 jquery 文件管理器插件)中只显示文件夹列表
- jQuery/AAJAX解决方案,用于检查网络共享中是否存在文件夹
- jQuery:用文件夹中的图像填充数组.或者使用AJAX从文件夹加载图像
- 如何使用纯javascript或jQuery将HTML5画布屏幕作为png图像保存到项目的特定文件夹中
- 阻止在 jQuery 文件上传中上传文件夹
- 如何在 asp.net 中使用 jQuery 将文件上传到文件夹
- jQuery中的文件夹选择器
- 将文件夹上传到没有库的 jQuery 中
- jQuery日期选择器上一个和下一个按钮没有显示,如何指向css中的主题文件夹图像
- PHP jquery ajax取消链接文件夹中的图像不起作用
- 在填充文件夹时使用jquery/bootsrap显示文件夹中的图像
- javascript或jquery将pdf文件从一个文件夹移动到另一个文件夹
- 如何在jquery中使用拖放上传时区分文件和文件夹
- 如何使用HTML5将上传的文件保存在文件夹中,javasctipt/jquery
- 使用Jquery打开图像文件夹
- 重复JS&文件夹中每个文件的JQuery代码
- 检查根 jQuery 中是否存在文件夹
- 如何在另一个html页面中使用javascript或jquery和efit计算文件夹中的图像数量
- Jquery文件夹结构