将Blob URL转换为普通URL

Question

我的页面会生成这样的URL："blob:http%3A//localhost%3A8383/568233a1-8b13-48b3-84d5-cca045ae384f"如何将其转换为普通地址？我将其用作<img>的src属性。

Answer 1

从Blob网址创建数据网址的另一种方法可能是使用canvas。

var canvas = document.createElement("canvas")

var context = canvas.getContext("2d")

context.drawImage(img, 0, 0) // i assume that img.src is your blob url

var dataurl = canvas.toDataURL("your prefer type", your prefer quality)

正如我在mdn中所看到的，浏览器很好地支持canvas.toDataURL。（除了ie <9，总是ie <9）