如何将图像“onclick”上传到网页，如 facebook 更改个人资料答案

【问题标题】：How to upload image "onclick" to the webpage,like facebook change profile如何将图像“onclick”上传到网页，如 facebook 更改个人资料
【发布时间】：2014-03-12 10:58:53
【问题描述】：

我开发了一个网页，我想在其中上传图像“onClick”事件。就像 facebook 为他们的更改个人资料图片功能所做的那样。

我希望能够点击图片，并且应该能够在我的网页上更新该图片。

请帮助我提供一些示例教程或博客，这可能会为我指明正确的方向。

任何帮助将不胜感激。

谢谢

【问题讨论】：

标签： php jquery mysql ajax

【解决方案1】：

您可以使用我们的演示网站之一进行此操作：http://video-conference-demo.herokuapp.com（注册并更改您的个人资料图片）

你这样做的方式是使用像JQuery File Upload 这样的东西将帮助你实现这一点。但是，您必须设置后端以支持处理文件上传

希望这会有所帮助 - 如果您提交一些您使用过的代码，我们将能够更好地提供帮助

【讨论】：

【解决方案2】：

请在发帖前尝试通过本网站和谷歌搜索您的问题/查询！顺便说一句，你可以很容易地通过 jQuery 做到这一点。

最简单的方法是添加一个带有 enctype="multipart/form-data" 的表单并使用提交按钮。（当然您需要添加一个“文件”类型的输入字段）。

给这个提交按钮和输入[文件]按钮一个id，所以当用户点击它的显示图片时，然后通过jQuery模拟输入[文件]按钮上的onClick事件。通过 CSS 隐藏表单。

看看这个： How can I upload files asynchronously?

【讨论】：