上传图像并使用新图像刷新div

Question

我有以下代码

<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时，我是一个完整的菜鸟，所以我没有丝毫想法如何继续。

Answer 1

如果您想在ajax中执行此操作，则应将表单放在iframe中，因此在上传图像时，只会将页面的一小部分（表单）发送到您的服务器。

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