Javascript 上传图片并停留在页面上

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

我还想为用户提供一个在线共享图片的选项

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

我还有代码的上传部分（PHP）。将图像上载到文件夹，并将相应图像的名称和路径上载到MySQL数据库

问题是。。。我希望流程以这种方式进行：

用户选择图片处理

图片显示为预览-正在工作

用户按下上传按钮（如果他愿意）-工作

图像将上载到已定义的文件夹以及DB-WORKING的名称和路径

网站停留在同一页面上，图像预览仍然存在…-待完成

网站上会出现一个新的文本区域，其中包含图像路径（从数据库中获取），因此用户可以共享待完成的图像

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

我已经阅读了一些关于这方面的文章和主题，并且假设它需要使用JQuery来完成，以便按照我上面定义的方式工作

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

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

更新

---

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

在后台向服务器发送数据而不刷新/重新加载/更改当前页面

可以使用javascript

AJAX请求

完成

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

AJAX

---

但是使用

Jquery

很容易实现

Ajax请求和回调

，所以使用Jquery。

我这样做了，你必须使用

JqueryForm插件

来实现这一点，因为在“上传”按钮的形式中，它必须是

type=“submit”

，因此在按下“上传”按钮后，当前页面将被重新加载所以你必须使用这个插件

---

通过这一步，您可以在不重新加载页面的情况下上载图像。

如果您希望在不离开当前页面的情况下将数据上载到服务器，那么是的，AJAX是实现这一点的常用方法。您正试图在同一问题中解决多个问题<代码>Dhanushka sasanka提出的解决方案有效。接受他的回答，并提出一个关于这条路的新问题。@EternalHour我为这混乱感到抱歉。要把它清理干净吗