您的位置:首页 > 本地本地
服务端HTML5,JS怎么读写手机客户端的本地文件?
admin2024-09-01人已围观
服务端HTML5,JS怎么读写手机客户端的本地文件?
如果你学习HTML5是为了写手机网页(因为现在都流行了),请不必去学习jQuery了,
因为jQuery就算你压缩,它也有30k以上,如果你是用户,你愿意给这流量吗?
真真正正去学好JS吧。
<html>
<head>
<title>new page</title>
<script>
function GetHeader(src) {
var ForReading=1;
var fso=new ActiveXObject(Scripting.FileSystemObject);
var f=fso.OpenTextFile(src,ForReading);
return(f.ReadAll());
}
var arr=GetHeader(C:\\a.txt).split(\r\n);
for(var i=0;i<arr.length;i++){
alert(第+(i+1)+行数据为:+arr[i]);
}
</script>
</head>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8>
<title></title>
<style type=text/css>
#content{width:600px; height:300px; border: 1px solid #ddd; overflow: auto; margin-top:10px;}
</style>
</head>
<body>
<input type=file name= id=myFile value= multiple=multiple />
</body>
<div id=content></div>
</html>
<script type=text/javascript>
window.onload = function() {
var oFile = document.getElementById(myFile);
var oCotnent = document.getElementById(content);
oFile.addEventListener(change, function(ev) {
var event = ev || window.event;
var files = this.files;
for (var i = 0, len = files.length; i < len; i++) {
var reader = new FileReader();
var file = files[i];
reader.onload = (function(file) {
return function(e) {
var div = document.createElement('div');
div.innerHTML =this.result;
oCotnent.insertBefore(div, null);
};
})(file);
//读取文件内容
reader.readAsText(file,utf-8);
}
}, false);
}
</script>
怎样 通过html代码或者 JS 访问 本地浏览文件夹?
首先你的页面上必须要使用file标签,这是html获取文件的唯一途径,然后用js取页面标签的内容就可以了,具体代码如下:
HTML
<div id=divForm>
<input type=file id=myfile>
<input type=button id=btnOpen value=选择文件>
</div> JS
$(function(){
$(#btnOpen).click(function(){
var path=$(#myfile).val(); //得到选择的文件的路径及文件名
});
});
很赞哦! ()