2014-01-22 31 views
1

我試圖在DropBox文件夾中創建一個位於DropBox文件夾中的簡單HTML網站(以便可以公開訪問它)文件在同一個文件夾中。我想要做的是能夠從文本文件中讀取或刪除文本並在其中寫入新文本。我一直在尋找像這樣的代碼幾個小時,但我得到的只是代碼,只適用於Internet Explorer或Mozilla Firefox,或者我得到答案「這是不可能的。」。 那麼我該如何在Chrome(請)中做到這一點? 我只需要能夠更改這些文件並閱讀它們,我會非常高興!使用JavaScript更改本地文本文件(位於DropBox上)的內容

先謝謝了,MrBurnedPotato。

+0

這不會取決於Dropbox是否正確處理了html的請求?只是因爲你在Dropbox上放置了一個「HTML網站」,並不意味着它會運行,對嗎? 只要你已經研究過,那麼我認爲你應該提供一些代碼或特定的問題/錯誤。我認爲這種特殊的媒介不適合「想法」,也不適合人們爲你編寫整個應用程序。 – LogicaLInsanity

+0

你只需要確定文件列表,文件上傳和文件抓取例程。你可以使用textarea在任何瀏覽器中編輯內容。鏈接可以觸發在textarea中轉儲的api提取,而按鈕使用API​​上傳將textarea的.value發送到Dropbox,使用與加載相同的名稱。通常,這些事情的權限和認證部分比實際的任務複雜得多。 – dandavis

+0

是的,但我想從我的JavaScript/HTML文件中更改文件。 DropBox允許它,但它沒有它的API。所以是的,我只需要我如何讀寫文本文件的代碼。 – MrBurnedPotato

回答

1

由於您的要求提到編輯本地文件,您可以使用FileReader API來執行此操作。這是一個可以讀取本地存儲文件的代碼片段。

<!DOCTYPE html> 
<html> 
    <head> 
    <title></title> 
    </head> 

    <body> 
    <input type="file" /> 
    <div id="output"></div> 
    <script> 
    var input = document.querySelector("input"); 
    input.addEventListener("change", function() { 
     var file = input.files[0]; 
     var reader = new FileReader(); 
     reader.onload = function(e) { 
     console.log(e); 
     document.querySelector("#output").innerText = e.target.result; 
     }; 

     reader.readAsText(file); 
    }, false); 
    </script> 
    </body> 
</html> 

之後,您可以爲新修改的文​​件創建下載,或者瀏覽FileEntry API以實際寫回內容。這個API雖然在採用上相當有限。但是這對你來說應該是一個很好的起點。

相關問題