上傳的txt文件存儲在localStorage,提取並構建File對象" type="hidden"/>

將通過上傳的txt文件存儲在localStorage,提取並構建File對象


參考博文:
  JS 之Blob 對象類型
  在本地存儲localStorage中保存圖片和文件

<input type="file" id="jobData" onchange="loadFile(this.files[0])">

<script>
    var filename_1 = localStorage.getItem("filename_1");//存在localStorage中的文件名
    var fileresult_1 = localStorage.getItem("fileresult_1");//存在localStorage中的文件內容(string)
    //若localStorage已有該項
    if(filename_1 && fileresult_1){
        //storageFile:通過localStorage中的文件內容和文件名構建的File對象
        var storageFile = new File([fileresult_1], {"type":"text/plain"});//File繼承自Blob,可以用Blob的構造函數
        Object.defineProperty(storageFile,'name',{value:filename_1});
//        console.log(storageFile);
    }

    function loadFile(file){
        var fileReader = new FileReader();
        fileReader.onload = function () {
            var result = this.result;//文件內容
            //確定,將文件保存到本地存儲中,替換現有的
            try {
                localStorage.setItem("filename_1", file.name);
                localStorage.setItem("fileresult_1", result);
            }
            catch (e) {
                console.log("Storage failed: " + e);
            }
        };
        fileReader.readAsText(file);
    }

</script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM