javascript - 在客户端将图像从 html 转换为 jpg (javascript)

Question

我有一个 html 表单，用户可以在其中插入图像(输入)。我的用户可能不是高级用户，因此他们可能想要插入许多不同类型的图像格式。但是，我只希望用户发送 jpg/gif/png 文件。一种选择是只阻止其他文件类型，但是，我在徘徊是否可以在客户端转换文件(我不想发送非常大的文件，并在服务器上转换它)。因此，我能想到的唯一方法就是使用javacript。

那么，有没有人知道如何在 javascript 中进行图像格式转换？并将此图像结果作为 html:input 的值？

谢谢!

Answer 1

tl;dr:别打扰了

这在理论上可能是可行的，但我强烈建议不要这样做。可以创建一个 javascript Img 元素，它引用用户输入的 URL。然后您可以在 HTML5 Canvas 中绘制此图像。

然后您可以手动访问 Canvas 上的数据并将图像分析/转换为适当的格式。然后可以将此 Base64 或 URL 编码发送到服务器，然后服务器可以将图像返回给客户端。

这当然是完全疯狂的，不应该尝试。该解决方案需要在 javascript 中实现 JPG 压缩，虽然在技术上可行，但由于浏览器限制(例如速度)可能不可行。