是否可以上传位于文件夹中的文件？ [英] Is it possible uploading files which are located in folder?
问题描述
这是Danny。
目前，我正在尝试寻找替代方法来上传文件夹中的多个文件和文件。 （IE）
它现在正在使用ActiveX，但我们的团队想要在没有任何ActiveX的情况下修改网站。
我已经找到了几种可以在Chrome上运行的方法，但IE没有任何内容。
我尝试过的方法：
要上传多个文件，
输入multiple =multipleid =xFilePathtype = filename =filename []runat =server/
但是无法上传或选择文件夹中的文件。
（实际上有，但它不适用于IE）
要通过拖放上传多个文件，
$（文件）.ready（function（）{
var prc = $（＃btnFileUpload ）;
var obj = $（＃dragandrophandler）;
var files =;
obj.on（'dragenter'，function（e）{
e.stopPropagation（）;
e.preventDe fault（）;
$（this）.css（'border'，'2px solid＃0B85A1'）;
}）;
obj.on（'dragover'，function（e）{
e.stopPropagation（）;
e.preventDefault（）;
} ）;
// prc.on（'click'，function（e）{
// $（this）.css（ 'border'，'2px点缀＃0B85A1'）;
// e.preventDefault（）;
// var files = e.originalEvent.dataTransfer.files; < br $>
// //我们需要将丢弃的文件发送到服务器
// handleFileUpload（files，obj）;
$}）;
//$('#btnFileUpload').click(function（e）{
prc.on（'click'，function（e）{
//$(this).css('border'，'2px dotted＃0B85A1'）;
//e.preventDefault（）;
// var files = e.originalEvent.dataTransfer.files;
//我们需要将丢弃的文件发送到服务器
handleFileUpload（files，obj）;
}）;
obj.on（'drop'，function（e）{
//在Chrome上运行
// // var files = e.originalEvent.dataTransfer.files;
// var items = event.dataTransfer.items;
// for （var i = 0;我< items.length; i ++）{
// // webkitGetAsEntry是魔术发生的地方
// var item = items [i] .webkitGetAsEntry（）;
// if（item）{
// traverseFileTree（item）;
//}
//}
// if（e.originalEvent.dataTransfer.types！= null）{
// for（var i = 0; i< e.originalEvent .dataTransfer.types.length; i ++）{
// //console.log（... types [+ i +] =+ e.dataTransfer.types [i]） ;
// alert（e.originalEvent.dataTransfer.types [i]）;
//}
//}
$（this）.css（'border'，'2px点缀＃0B85A1'）;
e.preventDefault（）;
// var files = e.originalEvent.dataTransfer.files;
个文件= e.originalEvent.dataTransfer.files;
SetFileName（files，obj）;
//我们需要将丢弃的文件发送到服务器
// handleFileUpload（files，obj）;
}）;
$（document）.on （'dragenter'，函数（e）{
e.stopPropagation（）;
e.preventDefault（）;
}）;
$（文件）.on（'dragover'，函数（e）{
e.stopPropagation（）;
e.preventDefault（） ;
obj.css（'border'，'2px点缀＃0B85A1'）;
}）;
$（文件）.on （'drop'，function（e）{
e.stopPropagation（）;
e.preventDefault（）;
}）; < br $>
$（＃xFilePath）。更改（函数（e）{
$（＃ myFileList）。children（）。remove（）;
$（＃myFileList）。css（'border'， '2px ＃0B85A1'）;
e.preventDefault（）;
// var files = e.originalEvent.dataTransfer.files;
files = e.target.files;
SetFileName（files，obj）;
}）;
这可以通过拖放文件上传多个文件，
但我想知道的是将文件放入文件夹。
如果你能给我任何想法或解决方案，那将非常感激。
提前致谢。
Hi, this is Danny.
Currently, I'm trying to find alternative way to upload multiple files and files in folder. (IE)
It is using ActiveX now but our team want to revise Web Site without any kind of ActiveX.
I already found several ways which could be running on Chrome but There is nothing about IE.
What I have tried:
To upload multiple files,
input multiple="multiple" id="xFilePath" type="file" name="filename[]" runat="server" /
but there is no way to upload or select files in folder.
(Actually there is, but it's not working on IE)
To upload multiple files by dragging and dropping,
$(document).ready(function () {
var prc = $("#btnFileUpload");
var obj = $("#dragandrophandler");
var files = "";
obj.on('dragenter', function (e) {
e.stopPropagation();
e.preventDefault();
$(this).css('border', '2px solid #0B85A1');
});
obj.on('dragover', function (e) {
e.stopPropagation();
e.preventDefault();
});
// prc.on('click', function (e) {
// $(this).css('border', '2px dotted #0B85A1');
// e.preventDefault();
// var files = e.originalEvent.dataTransfer.files;
// //We need to send dropped files to Server
// handleFileUpload(files, obj);
// });
//$('#btnFileUpload').click(function (e) {
prc.on('click', function (e) {
//$(this).css('border', '2px dotted #0B85A1');
//e.preventDefault();
//var files = e.originalEvent.dataTransfer.files;
//We need to send dropped files to Server
handleFileUpload(files, obj);
});
obj.on('drop', function (e) {
// running on Chrome
// //var files = e.originalEvent.dataTransfer.files;
// var items = event.dataTransfer.items;
// for (var i = 0; i < items.length; i++) {
// // webkitGetAsEntry is where the magic happens
// var item = items[i].webkitGetAsEntry();
// if (item) {
// traverseFileTree(item);
// }
// }
// if (e.originalEvent.dataTransfer.types != null) {
// for (var i = 0; i < e.originalEvent.dataTransfer.types.length; i++) {
// //console.log("... types[" + i + "] = " + e.dataTransfer.types[i]);
// alert(e.originalEvent.dataTransfer.types[i]);
// }
// }
$(this).css('border', '2px dotted #0B85A1');
e.preventDefault();
//var files = e.originalEvent.dataTransfer.files;
files = e.originalEvent.dataTransfer.files;
SetFileName(files, obj);
//We need to send dropped files to Server
//handleFileUpload(files, obj);
});
$(document).on('dragenter', function (e) {
e.stopPropagation();
e.preventDefault();
});
$(document).on('dragover', function (e) {
e.stopPropagation();
e.preventDefault();
obj.css('border', '2px dotted #0B85A1');
});
$(document).on('drop', function (e) {
e.stopPropagation();
e.preventDefault();
});
$("#xFilePath").change(function (e) {
$("#myFileList").children().remove();
$("#myFileList").css('border', '2px dotted #0B85A1');
e.preventDefault();
//var files = e.originalEvent.dataTransfer.files;
files = e.target.files;
SetFileName(files, obj);
});
This can upload multiple files by dragging and dropping files,
but what I want to find out is bringing files in folder.
If you could give me any idea or solutions, It's gonna be really appreciated.
Thanks in advance.
推荐答案
（文件）.ready（function（）{
var prc =
(document).ready(function () {
var prc =
（＃btnFileUpload）;
var obj =
("#btnFileUpload");
var obj =
（＃dragandrophandler）;
var files =;
obj.on（'dragenter'，function（e） {
e.stopPropagation（）;
e.preventDefault（） ;
("#dragandrophandler");
var files = "";
obj.on('dragenter', function (e) {
e.stopPropagation();
e.preventDefault();
这篇关于是否可以上传位于文件夹中的文件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
