图像的 Blob URL

2024-01-21

我怎样才能“保存”这个图像?

blob:https%3A//theta360.com/473c6400-b8e7-4c41-8f7a-90f03cbc8787

发现于:https://theta360.com/s/lE2in9qQDK6j2CcjPAQcvNhOi https://theta360.com/s/lE2in9qQDK6j2CcjPAQcvNhOi

我尝试了一些在 SO 上找到的脚本,它使用canvas.toDataURL

但我收到一个错误:

不允许加载本地资源:blob:https%3A//theta360.com/473c6400-b8e7-4c41-8f7a-90f03cbc8787

JavaScript:

var url = "blob:https%3A//theta360.com/473c6400-b8e7-4c41-8f7a-90f03cbc8787"; // document.getElementById("img1").src; // 'img1' is the thumbnail - I had to put an id on it
var canvas = document.getElementById("MyCanvas");
var img = new Image();
img.src = url;
img.onload = function () {
    var myImage = canvas.toDataURL("image/jpg");
    document.getElementById("dataurl").value = myImage;
}

HTML:

<canvas id="MyCanvas">This browser or document mode doesn't support canvas</canvas>
<input id="dataurl" name="dataurl" type="text" size="50" />

无法请求由以下人员创建的 URLURL.createObjectURL()来自不同的起源。objectURL存在于window为该人的一生创造了它document创造了它。

URL.createObjectURL() https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL

The URL.createObjectURL()静态方法创建一个DOMString包含表示参数中给定对象的 URL。网址 寿命与document在它所在的窗户上 创建的。新的对象 URL 代表指定的File对象或Blob object.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

图像的 Blob URL 的相关文章

随机推荐