HTML5文件系統API進行Android的瀏覽器訪問到SD卡

Question

我想創建一個HTML5應用程序，能夠訪問大量的文件。因此，我查看了FileSystem API以便能夠從本地文件系統讀取文件。

我做的PoC使用PhoneGap的文件API，所有的預期一樣，我是能夠生產使用在Chrome桌面文件系統API進行了類似的結果...

但是我面臨着一個嚴重的問題，而我可以在桌面訪問我的文件系統，但無法從Android Chrome訪問SD卡。我試圖用這個演示：

http://html5-demos.appspot.com/static/filesystem/filer.js/demos/index.html

我可以在桌面選擇我的本地系統文件：我的圖片，等...但我不能做同樣與Android瀏覽器

如何我可以在Android Chrome中訪問設備文件系統/ sdcard嗎？

Answer 1

從this article on HTML5 Rocks：

要記住，這個文件系統是沙箱，這意味着一個Web應用程序無法訪問其他應用程序的文件，這一點很重要。這也意味着您無法將文件讀取/寫入用戶硬盤上的任意文件夾（例如「我的圖片」，「我的文檔」等）。

文件系統API的目的是讓你的應用程序來創建和操作，將您的應用程序的用法之間依然存在的文件。它不能用於暴露沙箱外的任意文件。

另外，該File API可以用來閱讀，雖然不是從整個系統的修改，文件。但是，File API不能用於讀取系統上的任意文件。它的用法基於HTML <input type=file>標記，其中用戶必須明確輸入要讀取的文件。

上述適用於Android中的Chrome因爲它沒有桌面瀏覽器相同的運行的應用程序，讓你的運氣，除非用戶願意使用輸入授予你想要的文件的訪問。但是，您提到您也嘗試使用PhoneGap的PoC。 PhoneGap File API雖然主要作爲HTML5實現的包裝器，但有一些細微的差別，主要在於它允許訪問SD卡上的任意文件。當使用API​​調用window.requestFileSystem()時，您的成功回調將具有一個參數FileSystem對象，其中root屬性是對/ sdcard文件夾的引用。這可以用來遍歷你的SD卡並在其中的任何地方創建FileReader和FileWriters。