使用createElement（'img'）获得.jpeg而不是.png

Question

我想使用createElement（“ img'）创建.jpeg扩展名，而不是.png

根据Flanagan的书《 JavaScript：权威指南：激活您的网页》，作者：David Flanagan，

对于jpeg图像类型，第二个参数应为0到1之间的数字，以指定图像质量级别。

我不确定代码的语法是什么。

是这样吗

createElement("img",1)

Answer 1

这本书谈论的是html5的canvas标签，尤其是其.toDataURL方法。

我认为您想执行以下操作：

var img = document.createElement('img');
img.src = 'myImageSource.jpg';

在这种情况下，由Web服务器将图像及其类型信息传递到Web浏览器。

Answer 2

您所指的书似乎是在谈论canvas API的toDataURL方法（ 请参阅 toDataURL ），该方法接受type和quality参数。

您可以使用document.createElement而不用担心MIME类型或质量。

Answer 3

您可以使用setAttrebure（）方法或内置的'src'属性。

var img = document.createElement('img');
img.setAttibute('src', 'img.jpg');
document.body.appendChild(img);

或使用

 var img = document.createElement('img');
 img.src = "img.jpg";
 document.body.appendChild(img);