将File对象转换为URL

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

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

复制代码

★ 说明

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

复制代码

★ 同步异步

1. createObjectURL是同步执行
2. FileReader.readAsDataURL是异步执行

复制代码

★ 代码示例

方式一: URL.createObjectURL(object)

1. imageUrl = URL.createObjectURL(blob对象或File 对象)

复制代码

方式二: FileReader.readAsDataURL(file)

1. const reader = new FileReader()
2. reader.readAsDataURL(blob对象或File 对象)
3. reader.onload = () => {
4.   imageUrl = reader.result
5. }

复制代码

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！