前端自动生成缩略图

Question

公司前端开发中遇到一个需求，我用的是H5的FormData方法让用户上传图片的，现在的需求是除了用户上传的这张图片，希望能自动生成一张较小的缩略图，原图和缩略图都需要把生成的src路径传到后台去。
请问各位，缩略图该如何生成？

我到网上搜了一圈，好像基本都是用七牛和又拍云提供的服务，除了他们的服务，原生的办法有没有什么方法可以实现这个需求呢？
貌似canvas可以做到，具体怎么做呢？请指教

Answer 1

正如“ William007”自己说的，方法就是如此。其实挺简单的，可以参考我的多图压缩上传的组件。http://git.oschina.net/tmnet/jQuery_image_muti_upload
组件内部就有压缩上传的功能。我没有使用formData的方式上传，而是转化为base64字符串上传到服务器，然后在服务器再还原为图片。一般来说base64编码后的大小要比原来大四分之一吧。所以性能不如formData。自己权衡，看你喜欢了。

Answer 2

刚才突然想到了一个方法。
把图片传到后端之后然后把图片取过来用drawImage方法放到页面的canvas里，
设置一个较小的尺寸，然后再保存canvas中的图片传到后端。
这样子似乎就可以实现了，一会来试一下，各位大神有更好的方法请补充一下。