首页 » 技术分享 » JS获取input 【type=“file“】的物理路径，解决浏览器C:\fakepath\的问题

JS获取input 【type=“file“】的物理路径，解决浏览器C:\fakepath\的问题

　
评论关闭　1,266次浏览

相信很多猿友一定遇到过上传文件时，发现文件路径被替换为

C:\fakepath\****

这是由于浏览器的安全机制，input file的路径时被fakepath代替，隐藏了真实物理路径。 

解决方法：

1、调整浏览器的浏览器安全设置（不推荐，也不合理）。

2、使用window.URL.createObjectURL()

/**
 * 文件预览
 */
var url = null;  
var fileObj = document.getElementById("aptitude").files[0];
if (window.createObjcectURL != undefined) {  
    url = window.createOjcectURL(fileObj);  
} else if (window.URL != undefined) {  
    url = window.URL.createObjectURL(fileObj);  
} else if (window.webkitURL != undefined) {  
    url = window.webkitURL.createObjectURL(fileObj);  
}

解释：

URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL，这个URL的生命仅存在于它被创建的这个文档里，
新的对象URL指向执行的File对象或Blob对象。 
语法：objcetURL = window.URL.createObjectURL(file || blob); 
参数：File对象和Blob对象；File对象就是一个文件，比如我用file type=”file”标签来上传文件，那么里面的每个文件都是
一个file对象。Blob对象就是二进制数据，比如在XMLHttpRequest里，如果指定requestType为blob，那么得到的返回值也是
一个blob对象。 
每次调用createObjectURL的时候，一个新的URL对象就被创建了。即使你已经为同一个文件创建过一个URL.，如果你不再需要这
个对象，要释放它，需要使用URL.revokeObjectURL()方法.。当页面被关闭，浏览器会自动释放它，但是为了最佳性能和内存使用，
当确保不再用得到它的时候,就应该释放它。

欢迎大家和帝都的雁积极互动，头脑交流会比个人埋头苦学更有效！共勉！

公众号：帝都的雁

转载自原文链接, 如需删除请联系管理员。

原文链接：JS获取input 【type=“file“】的物理路径，解决浏览器C:\fakepath\的问题，转载请注明来源！

赞 0