js中window.URL对象的使用方式

摘要：URL.createObjectURL(object)是URL对象的静态方法，其实就是返回了一个在内存中指向传入参数object的引用路径url字符串。生成的这个url字符串会在当前页面的document被销毁的时候失效。

window对象的URL对象是专门用来将blob或者file读取成一个url。

一、URL构造函数将普通url转换成URL对象

var url = new URL('https://my.oschina.net/u/4291402?name=test');  
console.log('url' , url, url.searchParams.get("name")); //输出 test

二、URL.createObjectURL(object)

URL.createObjectURL(object)是URL对象的静态方法，其实就是返回了一个在内存中指向传入参数object的引用路径url字符串。生成的这个url字符串会在当前页面的document被销毁的时候失效。

三、URL.revokeObjectURL(objectURL)

用于销毁之前通过URL.createObjectURL(object)方法创建的url。

四、案例

文件下载

 let content = new Blob();
 const saveLink = document.createElement('a'); 
 document.body.appendChild(saveLink); 
 const url = window.URL.createObjectURL(content); //content为一个文件或者blob 
 saveLink.href = url;
 saveLink.download = 'filename'; 
 saveLink.click(); 
 window.URL.revokeObjectURL(url);
 document.body.removeChild(saveLink);

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_7563