ローカルファイルの読み書きを行うためのHTML5実装

import torchvision

$("#import").click(function(){//Click the import button to make files trigger a click event, then finish reading the file.
        $("#files").click();
    });
 
function import(){
    var selectedFile = document.getElementById("files").files[0];//Get the read File object
    var name = selectedFile.name;//read the file name of the selected file
    var size = selectedFile.size;//read the size of the selected file
    console.log("File name:"+name+"Size:"+size);
 
    var reader = new FileReader();// Here is the core!!! Read operations are done by it.
    reader.readAsText(selectedFile);//read the contents of the file
 
    reader.onload = function(){
        console.log(this.result);//when the reading is complete will call back to this function, and then the contents of the file is stored in the result. You can manipulate it directly.
    };
}

// First import a js file
<script type="text/JavaScript" src=". /js/FileSaver.js" charset="utf-8"></script>

//add an export element to the html 
<input type="button" id="export" value="export"/>

//js file
$("#export).click(function(){
    var content = "This is a direct export using html5";
    var blob = new Blob([content], {type: "text/plain;charset=utf-8"});
    saveAs(blob, "file.txt");//saveAs(blob,filename)
});