如何实现类似Facebook的头像上传？

Question

在Facebook上，如果您点击编辑图片，则会出现一个提供选项Upload photo的菜单。我想在我的网站上实现类似的东西。我希望浏览器的文件上传对话框在我点击Upload photo后显示，并且我希望在用户选择图片后自动提交。该如何实施？

一位同事建议使用输入字段为file的隐藏div，并在用户点击Upload photo时自动触发点击事件，然后监听change事件在文件字段上，并使用jquery提交表单。你觉得怎么样？

Answer 1

我会调查一个文件上传器插件，例如plupload。 Plupload有几个很好的功能，专门用于上传图像，如：

1. 将图像质量降低到原始
的特定百分比
2. 尽可能将图像调整为特定尺寸

另外，我很确定plupload有一个内置选项，可以在用户选择图像后自动提交。