利用html5读取本地的文件,此方法在chrome和firefox有效,利用是的FileReader.
<!DOCTYPE>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>read local file</title>
</head>
<body>
<h3>read local file with html5</h3>
<p>考参 : http://www.jsmix.com/html5/file-reader.html</p>
<p>使用 : 在chrome测试通过,其他浏览器没测试;直接双击打开显示错误的,把它放在一个web server的目录中,通过服务器的路径,如: http://127.0.0.1/a.html 打开<p>
<input type="file" id="f1" onchange="xx();">
<hr>
<div id="content"></div>
<script>
function xx (){
var dd = document.getElementById('content');
var reader = new FileReader();
if (typeof (FileReader) == "undefined"){
dd.innerHTML = "your browser doesn't support filereader";
return;
}
var file = document.getElementById('f1').files[0];
reader.onload = function (e){
dd.innerHTML += this.result;
}
reader.onerror = function (e){
dd.innerHTML = "error<br>";
}
reader.readAsText(file);
}
</script>
</body>
</html>
分享到:
相关推荐
那就请跟我来,本文将详细描述如何使用Javascript语言进行文件操作。 一、功能实现核心:FileSystemObject 对象 其实,要在Javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。在详细介绍...
主要介绍了JavaScript读取本地文件常用方法流程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
javascript读取本地Excel实例。javascript不推荐操作本地文件,如果特殊情况,使用一下也无妨。
主要介绍了通过Javascript读取本地Excel文件内容的代码示例,但需要一定的条件才可以使用js操作本地文件,需要的朋友参考下吧
使用JavaScript实现文件上传到本地服务器并获取到上传后文件所在路径,是由到JavaScript,java以及html页面。这个比较好,不是在jsp上获取路径,jsp太简单了,而且过时了,所以就在html页面实现了下功能,我主要是做...
2.实现了浏览器读取本地excel文件,非IE浏览器也可以轻松读取本地文件,解决兼容性问题; 3.支持自定义题库导入,把需要复习的题库按模板格式要求存放在软件同级目录,即可自动导入开始刷题; 4.支持错题、未答题目...
主要介绍了js读取csv文件并使用json显示出来,需要的朋友可以参考下
本地文件,即要被操作的文件。 jquery.js文件; jquery代码运行需要的js文件. interaction.html文件: 人机交互方式实现,WEB操作本地文件; h5文件操作API,FileReader()方式实现,传入该方法的参数为...
一般来说,为了网络访问安全,浏览器是不能直接加载本地文件的,IE内核的浏览器提供了AX控件实现本地文件的读取,Chrome 86 版本后也提供了相应的API,但都存在使用限制和兼容性问题。有时开发者只是想利用浏览器...
主要提供js读取本地Excel文件,在页面上以table显示Excel数据;
这个号码选择器可以防止意外刷新导致的已经选择的数据丢失!! 可以读取本地的文件!!
js通过webview调用android的本地方法,避免addJavascriptInterface问题
纯javascript解析CSV文件使用并转成HTML表格
NULL 博文链接:https://angrycoder.iteye.com/blog/1711155
文件用于使用 Javascript 读取 Matlab mat 文件的 jBinary 类型用法像使用任何jbinary排版一样使用此包中定义的 MAT 排版。 该软件包包括显示预期行为的大量测试。 当前仅支持 mat 文件级别 5。 var jBinary = ...
让js操作文件来实现你客户端样式的变化,教你使用javascript来操作你本地文件!
日前,Mozilla向W3C提交了一个草案,旨在推出一个JavaScript API,让JavaScript 脚本直接操作本地文件,Firefox的最新浏览器版本中已经对该API提供了大量的支持,不过出于安全考虑,该API将只对本地文件提供有限的...
描述了java scrip操作本地文件的方法