1、先准备一个json文件。
2、使用vscode创建一个html文件。
3、开始撰写js方法,使用原生javascript来处理,先处理读取json文件,之后运行这个html。
4、得到的json就是我们index.json文件中的内容。
5、为了便于查看我们json文件的内容显示在html网页中。
javascript获取<input type="file" />文件的路径:function getPath(obj) {
if (obj) {
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
obj.select()
return document.selection.createRange().text
}
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
if (obj.files) {
return obj.files.item(0).getAsDataURL()
}
return obj.value
}
return obj.value
}
}
file是一种特殊的input,不能被赋值,也不能被javascript取值,只能随表单提交,而且随表单提交的也是file路径所指向的文件本身。这是浏览器安全原因所限制的,如果可以取值和赋值的话,那么javascript就可以随意获取你电脑上的文件了,这是非常危险的。
经过结合了HTML5提供的新技术FileHeader,成功地在file标签未作出提交前,分别获得了文件的:fileName、fileSize、file Last Mod、、、
唯一的缺点就是:未能在IE下通过。
不过,这不是什么缺点,因为我是在手机端的web开发,这里是andriod和IOS的天下。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)