孜尊 发表于 2025-6-6 15:30:20

将File对象转换为URL

★ 将File对象转换为URL的两种方式

方式一. URL.createObjectURL(object) 返回了一个DOMString包含了一个对象URL，该URL可用于指定源 object的内容。其参数为用于创建 URL 的File 对象、Blob 对象或者 MediaSource 对象。​
方式二. FileReader.readAsDataURL(file) 读取指定的 Blob 或 File 对象，读取时触发onload事件，返回的结果中将是一个包含data:URL格式的字符串（base64编码）以表示所读取文件的内容。★ 说明

这两种方法，参数都是blob对象或File 对象，返回一个可以用a标签打开的url,这两种方法都可用于下载文件。★ 同步异步

createObjectURL是同步执行
FileReader.readAsDataURL是异步执行★ 代码示例

方式一: URL.createObjectURL(object)

imageUrl = URL.createObjectURL(blob对象或File 对象)方式二: FileReader.readAsDataURL(file)

const reader = new FileReader()
reader.readAsDataURL(blob对象或File 对象)
reader.onload = () => {
imageUrl = reader.result
}
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

洪势 发表于 2025-10-24 00:48:45

感谢分享，下载保存了，貌似很强大

晖顶蝇 发表于 2025-12-10 15:01:15

感谢分享，下载保存了，貌似很强大

迎脾 发表于 2025-12-14 06:50:36

收藏一下   不知道什么时候能用到

虾氲叱 发表于 2025-12-15 20:16:09

这个好，看起来很实用

申倩语 发表于 2025-12-16 10:13:14

感谢分享，下载保存了，貌似很强大

胁冉右 发表于 2026-1-1 07:40:56

热心回复！

康器 发表于 2026-1-2 05:34:51

这个好，看起来很实用

筒霓暄 发表于 2026-1-4 08:25:56

过来提前占个楼

钨哄魁 发表于 2026-1-9 09:39:26

这个好，看起来很实用

威割 发表于 2026-1-18 14:53:51

鼓励转贴优秀软件安全工具和文档！

系味 发表于 2026-1-18 23:10:34

这个有用。

彭水晶 发表于 2026-1-24 07:21:32

前排留名，哈哈哈

诀锺 发表于 2026-1-25 10:59:01

懂技术并乐意极积无私分享的人越来越少。珍惜

钤凑讪 发表于 2026-1-27 02:59:57

鼓励转贴优秀软件安全工具和文档！

申倩语 发表于 2026-1-27 07:19:15

前排留名，哈哈哈

副我 发表于 2026-1-29 06:13:27

谢谢楼主提供！

赖珊 发表于 2026-2-2 16:24:09

yyds。多谢分享

万妙音 发表于 2026-2-2 16:47:35

热心回复！

尹疋 发表于 2026-2-3 03:05:06

感谢发布原创作品，程序园因你更精彩
页: [1] 2
查看完整版本: 将File对象转换为URL