码迷,mamicode.com
首页 > Web开发 > 详细

前端用js获取本地文件的内容

时间:2017-11-08 13:30:00      阅读:316      评论:0      收藏:0      [点我收藏+]

标签:bsp   filename   log   async   本地   window   soft   支持ie   val   

这里要写成input的形式 调用upload函数  传递的参数就表示所选的文件
<
input type="file" onchange="upload(this)" />

//前端读取本地文件的内容   下面代码中的this.result即为获取到的内容
function upload(input) {  //支持chrome IE10  
    if (window.FileReader) {  
        var file = input.files[0];  
        filename = file.name.split(".")[0];  
        var reader = new FileReader();  
        reader.onload = function() {  
            console.log(this.result)  
            alert(this.result);  
        }  
        reader.readAsText(file);  
    }   
    //支持IE 7 8 9 10  
    else if (typeof window.ActiveXObject != ‘undefined‘){  
        var xmlDoc;   
        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");   
        xmlDoc.async = false;   
        xmlDoc.load(input.value);   
        alert(xmlDoc.xml);   
    }   
    //支持FF  
    else if (document.implementation && document.implementation.createDocument) {   
        var xmlDoc;   
        xmlDoc = document.implementation.createDocument("", "", null);   
        xmlDoc.async = false;   
        xmlDoc.load(input.value);   
        alert(xmlDoc.xml);  
    } else {   
        alert(‘error‘);   
    }   
}  

 

前端用js获取本地文件的内容

标签:bsp   filename   log   async   本地   window   soft   支持ie   val   

原文地址:http://www.cnblogs.com/wujiajia/p/7803397.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!