javascript - 使用 Javascript 返回文件夹+文件

Question

我正在尝试使用此 JavaScript 代码(由 Esailija 制作)来写入文件夹

http://jsfiddle.net/JwgqC/

目前它只显示文件，不显示文件夹..文件夹显示为点..

这是我的模组

http://jsfiddle.net/JwgqC/46/

function selectFolder(e) {
    var theFiles = e.target.files;
    for (var i=0, file; file=theFiles[i]; i++) {
    document.body.innerHTML+="<li>" + file.webkitRelativePath;
    }
}
document.querySelector("input").onchange = function() {
    [].slice.call( this.files ).forEach( function(selectFolder) {
          $("body").append("<div>"+v.name+"</div>" );
    });        
};

但我无法显示文件夹.. 介意指出我哪一部分不正确吗？

我的背景并不是编程，所以这对我来说有点困难

谢谢

Answer 1

如果您只想显示文件夹: http://jsfiddle.net/F6yEW/

function isFolder(x) {
    if (x.name == "." && x.type == "") {
        return true;
    } else {
        return false;
    }
}
document.querySelector("input").onchange = function () {
    [].slice.call(this.files).forEach(function (v) {
        var folderName = "";
        var path = v.webkitRelativePath.replace("/.", "");
        if (isFolder(v)) {
            folderName = path.match(/([^\/]*)\/*$/)[1];
            $("body").append("<div>" + folderName + "</div>");
        }
    });
};

如果您想显示文件夹+文件:http://jsfiddle.net/K22RT/

function isFolder(x) {
    if (x.name == "." && x.type == "") {
        return true;
    } else {
        return false;
    }
}
document.querySelector("input").onchange = function () {
    [].slice.call(this.files).forEach(function (v) {
        var displayName = v.name;
        var path = v.webkitRelativePath.replace("/.", "");
        if (isFolder(v)) {
            displayName = path.match(/([^\/]*)\/*$/)[1];
            $("body").append("<div>folder: " + displayName + "</div>");
        } else {
            $("body").append("<div>file: " + displayName + "</div>");
        }
    });
};

我希望这个解决方案可以帮助你:)