javascript - 在 HTML5 画布中插入不带扩展名的图像

Question

如何在 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.drawImage(img, 0, 0);

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