分类：webp在线转换

2020
10-09

js+canvas实现图片格式webp/png/jpeg在线转换

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