替换图片（通过点击图片）

我想要做这样的事情。点击图像后，我想选择另一个图像上传替换服务器和动态显示新的。替换图片（通过点击图片）

谢谢你的任何提示。

2011-05-19 devsoft

您是否期望页面在上传后刷新？或者你想要一些类似AJAX的体验？ – typeof 2011-05-19 22:00:07

是的，基于ajax的解决方案。要取代这个图像动态 – devsoft 2011-05-19 22:05:55

尝试这样：

$("img").click(function(){ 
    $(this).attr("src", "http://example.com/someImage.gif"); 
});

2011-05-19 21:51:28

谢谢，但首先我必须上传新图像，然后我可以使用此代码。 – devsoft 2011-05-19 21:55:01

哦，你只需要一个文件输入：http://www.w3schools.com/php/php_file_upload.asp。 – 2011-05-19 21:56:37

是的，但我想在点击图片后运行此操作。唯一的答案是ajax形式或者可能有插件。 – devsoft 2011-05-19 22:01:07

你可以用这个尝试：

<img src="current_image.jpg" onclick="javascript:this.src='new_image.jpg';" />

2011-05-19 21:54:19 jfrubiom

也许你尝试使用一个上传表单，并发送上传到一个隐藏的iframe ...添加监听到这个iframe来检查文件什么时候完成上传...并检索新图像的URL并更新img元素的src

2011-05-19 22:03:29 jfrubiom

回答