上传图片并用新的图像

刷新DIV我有以下代码上传图片并用新的图像

<div id=form> 
    <div id=viewimage> 
     <img src="placeholder.png"> 
    </div> 
    <div id=upload> 
     <form action="upload.php" method=POST enctype="multipart/form-data"> 
      <input type=file name=image> 
      <input type=submit value=Upload> 
     </form> 
    </div> 
</div>

我需要上传图像，然后#viewimage div来与提交的图片被刷新。当表单提交时，upload.php将返回上传文件的文件名。我认为这是一个Ajax问题，但是当涉及到ajax/javascript时，我是一个完整的noob，所以我没有丝毫的想法如何继续。

来源

2009-11-01 mrpatg

所以，既不上传图片也不通过ajax重新加载div是特别的火箭科学，你到目前为止尝试过什么？ – ty812 2009-11-01 11:40:53

不知道如何在图片上传后用ajax重新加载div。我不确定是否需要延迟以允许上传，或者什么。有工作中的细节，因为JavaScript/AJAX不是我的专业领域，我正在咨询社区广泛的指导。 – mrpatg 2009-11-01 11:45:00

如果你想在ajax中做到这一点，你应该把你的表单放在一个iframe中，所以当你上传图片时，只有一小部分页面（表单）被发送到你的服务器。

之后，您可以使用upload.php响应来获取上传图像的名称和路径，然后您可以更改img标记的src。

来源

2009-11-01 12:40:26

上传图片并用新的图像

回答

相关问题