这次给大家带来h5+js实现本地文件读取和写入,h5+js实现本地文件读取和写入的注意事项有哪些,下面就是实战案例,一起来看一下。
代码如下:
读取本地文件
> <!doctype html><html lang="en"><head>
>
> <meta charset="UTF-8">
>
> <title>Document</title></head><body>
>
> <p>
>
> <input type="file" id="files" style="display: none" onchange="fileImport();">
>
> <input type="button" id="fileImport" value="导入">
>
> </p>
>
> <script src="../js/jQuery/jquery-1.11.1.js"></script>
>
> <script>
>
> //点击导入按钮,使files触发点击事件,然后完成读取文件的操作
>
> $("#fileImport").click(function () {
>
> $("#files").click();
>
> }) function fileImport() { //获取读取我文件的File对象
>
> var selectedFile = document.getElementById('files').files[0]; var name = selectedFile.name;//读取选中文件的文件名
>
> var size = selectedFile.size;//读取选中文件的大小
>
> console.log("文件名:"+name+"大小:"+size); var reader = new FileReader();//这是核心,读取操作就是由它完成.
>
> //reader.readAsText(selectedFile);//读