javascript - 如何实现类似 facebook 的头像上传？

Question

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

一位同事建议了一个隐藏的div，它有一个file类型的输入字段，并在用户点击时自动触发点击事件Upload photo，然后，change在file字段上监听事件，并使用jquery提交表单。你怎么看？

Answer 1

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

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

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