如何使用JavaScript的URL.createObjectURL方法创建一个对象URL实例？

本文共计1365个文字，预计阅读时间需要6分钟。

目录前言URL.createObjectURL() 方法参数返回值示例URL.revokeObjectURL() 方法语法参数示例与 FileReader.readAsDataURL() 区别主要区别执行时机内存使用优缺点对比总结前言URL.createObjectURL() 和 URL.revokeObjectURL() 是两个用于处理文件URL的Web API。本文将简要介绍这两个方法，并提供示例。

URL.createObjectURL() 方法创建一个表示指定资源的URL。这个URL引用的是对象，而不是数据本身。

参数- object：一个表示资源的对象，如File或Blob。

返回值- 返回一个字符串，表示创建的URL。

示例javascriptvar file=new File([hello], hello.txt, {type: text/plain});var url=URL.createObjectURL(file);

URL.revokeObjectURL() 方法释放通过 URL.createObjectURL() 创建的对象URL。

语法- URL.revokeObjectURL(objectURL)

参数- objectURL：要释放的对象URL。

示例javascriptURL.revokeObjectURL(url);

与 FileReader.readAsDataURL() 区别主要区别- URL.createObjectURL() 返回一个临时的URL，而 FileReader.readAsDataURL() 返回一个数据URL。