鍍金池/ 問答/HTML5  PHP  HTML/ 各位好，我最近在搞html5 file reader ,讀取本地文本文件，可是搜

各位好，我最近在搞html5 file reader ,讀取本地文本文件，可是搜了好多答案，搞不定文本路徑到底要寫在哪兒？

這是我從網(wǎng)上找的一個頁面，大概修改簡單修改了一點，可是點擊導入按鈕后沒有任何反應，到是代碼有問題呢，還是這個路徑?jīng)]寫呢，可我找不到寫的地方，煩請懂得指點一下，謝謝！

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UFT-8">

<script src="jquery-1.8.2.js" ></script>
<script src="FileSaver.js" charset="utf-8"></script>
</head>
<body >


<div>
 <div>
<input type="file" id="files" style="display:none" onchange="fileimport();"/>
<input type="button" id="import" value="導入"/>

        <input type="button" id="export" value="導出"/>
     </div>
</div>
<script>
var txtdata;
function fileimport()
{
    var selectedFile = document.getElementById("files").files[0];//獲取讀取的File對象
    var name = selectedFile.name;//讀取選中文件的文件名
    var size = selectedFile.size;//讀取選中文件的大小
    console.log("文件名:"+name+"大?。?+size);


    var reader = new FileReader();//這里是核心?。?！讀取操作就是由它完成的。
    reader.readAsText(selectedFile,'gb2312');//讀取文件的內(nèi)容，注意編碼方式


    reader.onload = function(){
        console.log(this.result);//當讀取完成之后會回調(diào)這個函數(shù)，然后此時文件的內(nèi)容存儲到了result中。直接操作即可。
$('<pre>' + this.result + '</pre>').appendTo('body');
txtdata = this.result;
    };
}




$(document).ready(function(){
//alert("start");
$("#import").click(function(){//點擊導入按鈕，使files觸發(fā)點擊事件，然后完成讀取文件的操作。
        $("#files").click();
    });

$("#export").click(function(){
    var content = "這是直接使用HTML5進行導出的:"+txtdata;
    var blob = new Blob([content], {type: "text/plain;charset=utf-8"});
    saveAs(blob, "file.txt");//saveAs(blob,filename) //僅限于chorme的下載目錄里
//alert("export OK")
});
})
</script>
</body>
</html>
回答
編輯回答
尐懶貓

你的代碼我本地運行了 導入是可以導入的 但是有時候會亂碼。我本地就只是引用了個jq庫

2018年4月26日 02:20