主要介绍了js+canvas实现图片格式webp/png/jpeg在线转换,需要的朋友可以参考下

功能需求： 我们在网页中上传一张图片，选择不同的格式，将该图片转换为对应的格式。 实现思路： 实现这样的功能，使用后端语言【php,java等】可以很容易的完成。但是如果只在前端如何完成呢？ 1、通过input上传图片，使用FileReader将文件读取到内存中。 2、将图片转换为canvas，canvas.toDataURL()方法设置为我们需要的格式，如：”image/webp”,”image/jpeg”,”image/png”。 3、最后将canvas转换为图片，显示在网页中。点击右键保存