十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
小编给大家分享一下如何使用h5+js实现本地文件读取和写入,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
创新互联专注于同仁网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供同仁营销型网站建设,同仁网站制作、同仁网页设计、同仁网站官网定制、小程序开发服务,打造同仁网络公司原创品牌,更为您提供同仁网站排名全网营销落地服务。
代码如下:
读取本地文件
//点击导入按钮,使files触发点击事件,然后完成读取文件的操作
$("#fileImport").click(function(){
$("#files").click();
})functionfileImport(){//获取读取我文件的File对象
varselectedFile=document.getElementById('files').files[0];varname=selectedFile.name;//读取选中文件的文件名
varsize=selectedFile.size;//读取选中文件的大小
console.log("文件名:"+name+"大小:"+size);varreader=newFileReader();//这是核心,读取操作就是由它完成.
//reader.readAsText(selectedFile);//读取文件的内容,也可以读取文件的URL
reader.onload=function(){//当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可
console.log(this.result);
}
}