createObjectURL

梗概

createObjectURL是一个用于创建Blob URL的方法。Blob URL是一种特殊的URL，用于指向存储在Blob或File对象中的数据。通过使用createObjectURL方法，开发人员可以将Blob或File对象转换为一个唯一的URL，从而可以在网页中直接引用和展示这些数据。

关键点

• createObjectURL方法接受一个Blob或File对象作为参数，并返回一个包含该对象数据的唯一URL。
• 这个URL可以被直接用于展示、下载或分享文件内容。
• Blob URL只在当前浏览器会话中有效，在页面刷新或关闭后会失效。
• 使用完Blob URL后，应及时调用revokeObjectURL方法释放资源。

示例代码

// 创建Blob对象
var data = new Blob(['Hello, World!'], { type: 'text/plain' });
 
// 创建Blob URL
var url = URL.createObjectURL(data);
 
// 在页面中展示链接
var link = document.createElement('a');
link.href = url;
link.download = 'hello.txt';
link.innerHTML = 'Download File';
document.body.appendChild(link);
 
// 释放资源
link.onclick = function() {
    setTimeout(function() {
        URL.revokeObjectURL(url);
    }, 1500);
};