HTML5 filesystem: 網址

FileSystem API 使用新的網址機制，（即 filesystem:），可用於填充 src 或 href 屬性。
例如，若是您要顯示某幅圖片且擁有相應的 fileEntry，您能夠調用 toURL() 獲取該文件的 filesystem: 網址：

var img = document.createElement('img');  
img.src = fileEntry.toURL(); // filesystem:http://example.com/temporary/myfile.png  
document.body.appendChild(img);  

另外，若是您已具有 filesystem: 網址，可以使用 resolveLocalFileSystemURL() 找回 fileEntry：

window.resolveLocalFileSystemURL = window.resolveLocalFileSystemURL ||  
                                   window.webkitResolveLocalFileSystemURL;  
  
var url = 'filesystem:http://example.com/temporary/myfile.png';  
window.resolveLocalFileSystemURL(url, function(fileEntry) {  
  ...  
});  

示例1，讀取filesystem:文件的內容

window.resolveLocalFileSystemURL = window.resolveLocalFileSystemURL ||
                                    window.webkitResolveLocalFileSystemURL;
var url = 'filesystem:http://localhost:57128/temporary/test3.txt';
//獲取fileEntry
window.resolveLocalFileSystemURL(url, function (fileEntry) {
    //讀取文件 內容
    fileEntry.file(function (file) {
        var reader = new FileReader();
        reader.onload = function () {
            console.info(reader.result);
        }
        reader.readAsText(file);
    })
});

 

更多：

HTML5 本地文件操做之FileSystemAPI實例（四）

HTML5 本地文件操做之FileSystemAPI實例（三）

HTML5 本地文件操做之FileSystemAPI實例（二）