Asp.net文件夹上传控件 [英] Asp.net Folder Upload Control

问题描述

Hello Guys，



HTML5中有一个文件夹控件。

我已经使用过但无法写带有该控件的代码。





这是我的代码： -



< input type =fileid =folderUploadwebkitdirectory =directory =/>

解决方案

使用drag& amp;传递多个文件drop：

 <   div     id   =  dropzone >  <   / div  >  

  var  dropzone =  document  .getElementById（' 悬浮窗'）; 
 dropzone.ondrop =  function （e）{
  var  length = e。 dataTransfer.files.length; 
  for （ var  i =  0 ; i< length; i ++）{
  var  file = e.dataTransfer.files [i]; 
 ...  //  做你想做的事情 
} 
 }; 

如何处理丢弃的文件夹

处理掉一滴多个文件夹，您需要更改处理已删除对象的方式：

 <   div     id   =  dropzone >  <   / div  >  

  var  dropzone =  document  .getElementById（' 悬浮窗'）; 
 dropzone.ondrop =  function （e）{
  var  length = e。 dataTransfer.items.length; 
  for （ var  i =  0 ; i< length; i ++）{
  var  entry = e.dataTransfer.items [i] .webkitGetAsEntry（）; 
  if （entry.isFile）{
 ...  //  做你想做的事情 
}  else   if （entry.isDirectory）{
 ...  //  做你想做的事 
} 
} 
}; 

干杯，

Edo

Hello Guys,

There is a Folder control in HTML5.
I have use it but can't be able to write Code with that control.


here's my code:-

<input type="file" id="folderUpload" webkitdirectory="" directory="" />

解决方案

Passing multiple files with drag&drop:

<div id="dropzone"></div>

var dropzone = document.getElementById('dropzone');
dropzone.ondrop = function(e) {
  var length = e.dataTransfer.files.length;
  for (var i = 0; i < length; i++) {
    var file = e.dataTransfer.files[i];
    ... // do whatever you want
  }
};

How to handle dropped folders
To handle a drop of multiple folders, you need to change the way you handle dropped objects:

<div id="dropzone"></div>

var dropzone = document.getElementById('dropzone');
dropzone.ondrop = function(e) {
  var length = e.dataTransfer.items.length;
  for (var i = 0; i < length; i++) {
    var entry = e.dataTransfer.items[i].webkitGetAsEntry();
    if (entry.isFile) {
      ... // do whatever you want
    } else if (entry.isDirectory) {
      ... // do whatever you want
    }
  }
};

Cheers,
Edo

这篇关于Asp.net文件夹上传控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！