html5文件夹（包含子文件夹）上传代码，前端html5，后端php，原文件夹及子文件夹目录完整上传
核心思想就是利用火狐和chrome的文件夹上传特性，在上传前将每个文件的路径信息遍历一下，放进一个数组对象中，然后json序列化传给后端php，后端php先将所有文件放进存进临时目录后，根据前端传过来的目录结构数据创建原始文件夹的结构，最后将数据又返回到各个目录中，这样就还原了原始目录，实现了文件夹（包括子文件夹）所有文件的上传
先上前端html和js代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=jquery.17" type="text/BfwJavascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/BfwJavascript">
var filetree = {};
function checkfile() {
console.log(filetree);
//将文件结构json序列化传给后端php
$("#filetree").val(JSON.stringify(filetree));
return true;
}
bready(function() {
$("#filebro").change(function() {
for (var i = 0; i < this.files.length; i++) {
//防止不同文件夹中相同文件重复
var filekey = this.files[i].name+this.files[i].size.toString();
filetree[filekey] = this.files[i].webkitRelativePath;
...点击查看剩余70%
{{collectdata}}
网友评论0