使用ajax上传php图像并在上传后显示图像

Question

我有以下情况：

1. 用户选择要上传的图片（带有输入字段的简单表单，其中type =“file”）
2. 文件上传到服务器（也更新Db）
   这一切我已经拥有..

我需要在成功时在页面上显示上传的图像，而不刷新。

这可以在没有iframe的情况下完成吗？
我已经做了一些ajax编码，其中输入保存到db或用于从db返回内容。

这里的事情是从字段发送实际的文件数据。 我可以使用jquery的$.get吗？

我在想，在复制文件并在db中存储相关数据后，我可以返回新位置（服务器中复制文件的路径）。捕获此返回的jquery代码可以使用它来将img标记的src属性设置为新文件，从而显示它。

您能否推荐相关的教程或演示？ 此外，任何提示将非常感激

Answer 1

你需要javascript。提供带有ur输入类型文件元素的onClick函数，并在该函数中使用javascripts createElement（），setAttribute（），appendChild等函数将新图像附加到文档对象。 希望它有所帮助

Answer 2

执行此操作的最佳方法是使用基于javascript的AJAX上传功能，并且有几个javascript / jQuery插件可以执行此操作。查看this tutorial，其中介绍了使用ajaxupload.js插件执行此操作的一种方法，您可以为此找到更多documentation here。

我还编写了自己的关于这个主题的教程，包括保存图像所需的一些PHP代码以及我认为对初学者有用的其他更改。你可以找到here。

Answer 3

您可以将AJAX与PHP和MYSQL结合使用。您可以使用AJAX和FormData上传图像，然后验证图像并将其保存在服务器中，然后以JSON响应的形式发送图像的URL。

请注意，其中最重要的部分是验证。

请参阅this beginner's guide了解更多信息。