form表单中 input:file 的物理路径获取的问题 JS 分享

shuke 2019-11-12 2275

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

input 选择上传文件时,发现文件路径被替换为 C:\fakepath\xxx  这是由于浏览器的安全机制,

input file的路径时被fakepath代替,隐藏了真实物理路径。

解决方法:

let url = null;
let fileObj = $("#skaudio").get(0).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);
}
this.audiourl=url

解释:

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()方法.。当页面被关闭,浏览器会自动释放它,但是为了最佳性能和内存使用,当确保不再用得到它的时候,就应该释放它 ;


最新回复 (0)
全部楼主
返回