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