Javascript 在HTML5画布中插入无扩展的图像

如何在HTML5画布中插入没有扩展的图像

我想在画布上拍摄一张存在于页面上的图像，我在同一页面中创建了该图像，目标是访问它的像素阵列。 它适用于具有.png等扩展名的图像，但不适用于没有扩展名的图像。 我该如何解决我的问题

编辑： 在html中，我有：

<img id="id1" src="/blabla/test.png" />
<img id="id2" src="/tmp/qsdqsd" />

我使用以下脚本：

jQuery('body').append('<canvas id="canvas"></canvas>');
var img = new Image();
img.src = jQuery("#id1").attr("src");
var context = document.getElementById('canvas').getContext('2d');

context.drawImageimg，0,0

---

它适用于第一个img，但不适用于第二个img。

如果您的图像没有扩展，浏览器如何知道它是什么？我说你应该在脚本中为图像添加一个扩展名。@CeaneLamerez-浏览器知道，因为服务器会告诉它它是什么类型，或者通过文件头告诉它。我完全知道你在说什么，但是，我建议你在JS中操作资产时，使用文件扩展名，否则浏览器将无法正确引用该文件。@flow您的问题需要更具描述性。从同一页面上的另一个画布进行复制很繁琐，不需要扩展，它是关于从服务器生成的图像，如果我想在新选项卡中打开图像，我的浏览器会提供下载，而不是在浏览器中显示图像。