將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
}