Question

我有一个input元素和一个type=image：

<input type="image" src="some/url/that/generates/new/image">

我想将该图像加载到canvas元素中。通常我会这样做：

var img = new Image();
img.onLoad = function () {
   var canvas = document.createElement('canvas');
   var ctx = canvas.getContext('2d');
   ctx.drawImage(img, 0, 0);
};
img.src = inputElement.src;

但是，在这种情况下，我不能使用src属性，因为这样做会生成新图像（src指向生成新随机图像的url）。

是否有其他想法在加载图像后如何到达该图像？在chrome devtools中，我可以在“源”选项卡下看到该图像，因此该图像在那里...

---编辑

我应该提到html不在我的控制之下，我正在写一个chrome扩展名，我想保存到输入标签的图像中（通过将其附加到发布请求中，这已经可以了。我只是不想要通过使用src属性生成新图片）

从具有type = image的输入中获取实际图像

0 个答案: