Javascript-在ionic 2中將圖像數據url更改/轉換為文件url

Question

是否可以將圖像的數據url更改或轉換為文件url？

例如，我從鏈接中獲取了圖像，但是數據很長，例如

數據：圖像/ X-圖標; BASE64，AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAABMLAAATCwAAAAAAAAAAAABsiqb / bIqm / 2yKpv9siqb / bIqm / 2yKpv9siqb / iKC3 / 2yKpv9siqb / bIqm / 2yKpv9siqb / bIqm / 2yKpv9siqb / bIqm / 2yKpv9siqb / bIqm / 2yKpv9siqb / 2uLp /////// R2uP / dZGs / 2yKpv9siqb / bIqm / 2yKpv9siqb / bIqm / 2yKpv9siqb / bIqm / 2yKpv9siqb / bIqm ///////////////// + 3w9P + IoLf / bIqm / 2ykK9 / bIqm / 2yKpv ////////// ++ 3w9P + tvc3 / dZGs / 2yKpv9siqb / bIqm / 2yKpv9siqb / TZbB / 02Wwf9NlsH / TZbB / 02Wwf9NlsH /////////// 0+ / erDR / 02Wwf9NlsH / TZbB / 02Wwf9NlsH / TZbB / 02Wwf9NlsH / TZbB / 02Wwf9NlsH / TZbB ////////////////////// 96sNH / TZbB / 02Wwff9NlsH / TZbB / 02Wwf9NlsH / TZbB TZbB / 02Wwf9NlsH / TZbB / 02Wwf /////////////// + Ft9T / TZbB / 02Wwf9NlsH / TZbB / 02Wwf9NlsH / E4zV / xOM1f8TjNX / E4zV / yKT2P / T6 /////////// 4fH6 / z + i3f8TjNX / E4zV / xOM1f8TjNX / E4zV / xOM1f8TjNX / E4zV / xOM1f + m1O ///////////////////////// //////// w + Pz / IpPY / xOM1f8TjNX / E4zV / xOM1f8TjNX / E4zV / xOM1f8TjNX /////////// T6ff / Tqng / 6bU7 /////////// // 3u / 5 / 8TjNX / E4zV / xOM1f8TjNX / AIv // wCL // 8Ai /// AIv //////////// gMX // wC L // 8gmv /////////// + Axf // AIv // wCL // 8Ai /// AIv // wCL // 8Ai /// AIv // wCL /// v + P /////// + / 4 // + Axf // z + n //////////// YLf // wCL // 8Ai /// AIv // wCL // 8Ai / // AIv // wCL // 8Ai /// gMX /////////////////////////// z + n // wCL // 8Ai /// AIv // wCL // 8Ai /// AHr // wB6 // 8Aev // AHr // wB6 // + Avf // 7 / f //////////// v97 // xCC // 8Aev // AHr // wB6 // 8Aev // AHr // wB6 // 8Aev // AHr // wB6 // 8Aev // AHr // wB6 // 8Aev // AHr // wB6 // 8Aev // AHr // wB6 // 8Aev // AHr // wB6 // 8Aev // AHr // wB6 // 8Aev // AHr // wB6 // 8Aev // AHr // wB6 // 8Aev // AHr / / wB6 // 8Aev // AHr // wB6 // 8Aev // AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA =

那么如何將其轉換為

文件：///storage/emulated/..../image1.jpg

Answer 1

您可以將有效data URI的MIME類型替換為"application/octet-stream" ，將<a>元素的.href設置為值，將download屬性值設置為"image1.validExtension" ，將元素附加到document.body ，調用.click()上a元件

var stream = validDataURI.replace(/[^:][\w/-]+(?=;|,)/, "application/octet-stream");
var a = document.createElement("a");
a.href = stream;
a.download = "image1.validExtension";
document.body.appendChild(a);
a.click();