HTML5拖拽文件夹上传
文件文件夹拖拽上传
请把文件拖动到这里来
2.引入layer.js
上传事件
//上传文件
function _upload() {
var loadid = layer.load();
var itemfunc = function (item) {
if (item) {
var fdata = new FormData();
fdata.append("fullPath", item.fullPath);
fdata.append("time", (new Date()).getTime());
fdata.append("name", item.name);
fdata.append(item.name, item);
fdata.append("lastModified", item.lastModified);
$.ajax({
url: "/api/file/dropupload",
type: 'post',
contentType: false,
processData: false,
async: true,
data: fdata,
headers: { "token": '112233' },
success: function (obj) {
console.log(obj);
},
error: function (res) {
console.error(es);
}, complete: function () {
if (_selectfilelist.length > 0) {
itemfunc(_selectfilelist.shift());
} else {
layer.close(loadid);
console.log("上载完成");
}
}
});
}
};
if (_selectfilelist.length > 0) {
itemfunc(_selectfilelist.shift());
} else {
layer.close(loadid);
console.log("上载完成");
}
}服务端接收文件
///
///
///
/// 读取现有的文件递归读取下级
///
/// read linux path files!
///
///
/// ();
ReadFile(path, list,path);
return list;
}
///
/// 从文件夹中读取文件 递归
///
///
///
///
private void ReadFile(string path,List list,string root)
{
if (path.Contains(@"\")) { path = path.Replace(@"\", "/"); }
if (System.IO.Directory.Exists(path))
{
System.IO.Directory.CreateDirectory(path);
}
else
{
Console.WriteLine($"path:{path} not exists!");
}
Console.WriteLine($"begin read path:{path}");
var dir = new System.IO.DirectoryInfo(path);
var dirs = dir.GetDirectories();
foreach (var item in dirs)
{
ReadFile(CombinePath(path,item.Name),list,root);
}
var files = dir.GetFiles();
foreach (var item in files)
{
var one = new DropFileItem()
{
fullPath = ReadRelativePath(root, item.DirectoryName) + item.Name,
lastModified = item.LastWriteTime.ToLocalMilliseconds(),
name = item.Name
};
Console.WriteLine(Newtonsoft.Json.JsonConvert.SerializeObject(one));
list.Add(one);
}
}
///
/// 合并路径
///
///
///
///
/// 获取相对路径
///
///
///
/// 注意！！！ 以上路径都是在linux上的，如果用window需要改改，问题不大。