JS获取本地文件的内容 (兼容性处理)

论坛 期权论坛 脚本     
匿名技术用户   2021-1-5 08:20   23   0
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)  
        console.log(file)

//             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);   
        console.log(input)
//         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);   
        console.log(input)
        
//         alert(xmlDoc.xml);  
    } else {   
        alert('error');   
    }   
}

let myinput = `<input type='file' onchange='upload(this)' />`

document.body.innerHTML=myinput

浏览器上传兼容性处理 可以扩展上传文件类型限制 也可以扩展上传文件大小限制

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP