这次给大家带来h5+js实现本地文件读取和写入,h5+js实现本地文件读取和写入的注意事项有哪些,下面就是实战案例,一起来看一下。
代码如下:
读取本地文件
打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持续更新)
<!doctype html><html lang="en"><head>
<meta charset="UTF-8">
<title>Document</title></head><body>
<p>
<input type="file"id="files"style="display: none"οnchange="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();
}) functionfileImport() { //获取读取我文件的File对象
varselectedFile = document.getElementById('files').files[0]; varname = selectedFile.name;//读取选中文件的文件名
varsize =