上传图片并停留在页面上答案

【问题标题】：Upload Image and stay on page上传图片并停留在页面上
【发布时间】：2019-06-07 09:18:40
【问题描述】：

我正在建设一个网站，允许用户上传图片，然后以用户友好的方式获取 EXIF 信息。

我还想为用户提供一个选项，让他们能够在线分享他们的图片。

目前，我已经让用于图像预览的 JavaScript 完全正常工作，我在表单上选择了一个图像，它出现在网站上......

我的代码的上传部分也可以正常工作（PHP）。图像被上传到一个文件夹，相应图像的名称和路径被上传到 MySQL 数据库。

问题是......我希望这个过程以这种方式发生：

----------------//--------------------

我已经阅读了一些关于此的文章和主题，据说需要使用 JQuery 来完成，以便按照我上面定义的方式工作......

你们能澄清一下这是不是真的吗？

---------------//---------------

更新

@Dhanushka sasanka 提出的解决方案奏效了！我现在可以将图片上传到文件夹并将信息上传到数据库，它会留在页面上而不刷新！！

【问题讨论】：

如果您想在不离开当前页面的情况下将数据上传到服务器，那么是的，AJAX 是实现该目标的常用方法。
您正试图解决同一个问题中的多个问题。 The solution @Dhanushka sasanka presented worked!。接受他的回答并提出一个与路径有关的新问题。
@EternalHour 很抱歉造成混乱。要清理它：P

【解决方案1】：

我这样做了您必须使用JqueryForm Plugin 来执行此操作，因为在表单中，您的“上传”按钮必须是type="submit"，因此当前页面将在按下“上传”按钮后重新加载，因此您必须使用此插件JQuery Form Plugin 浏览这个。从此您可以上传您的图像而无需重新加载页面。

【讨论】：

【解决方案2】：

Sending data to server in background without refresh/reload/change the current page 可以用 javascript AJAX Request 完成。

如果您想将数据传递到服务器并保持在同一页面上，那么是的，您需要在 Javascript 中使用AJAX。

但是使用Jquery 很容易实现Ajax request and callbacks，所以使用jQuery。

【讨论】：