如何允许用户在不刷新页面的情况下上传图片？答案

【问题标题】：How can I allow a user to upload an image without refreshing the page?如何允许用户在不刷新页面的情况下上传图片？
【发布时间】：2016-01-05 05:16:45
【问题描述】：

我正在构建的网站上有一个“博客”系统。博客文章的内容使用 PHP 脚本和 HTML 表单提交。

使用<form class="form-horizontal" method="post" > 和<form class="form-horizontal" action="index.php" method="get"> 提交表单。

我有一个引导模式，允许用户上传图像并将其插入到文本中（我使用 markdown 来插入图像）。图片是使用模态中的 HTML 表单和文档开头包含的 PHP 脚本上传的。

我的问题是，如果有人在草稿中决定上传图片，他们点击“插入”图片的那一刻，图片表单和 PHP 脚本都会正常执行，但是因为博客脚本和图片脚本使用$_POST 处理输入，博客的帖子也被“提交”了。这不是我想要发生的事情，我不知道如何处理它。

【问题讨论】：

【解决方案1】：

你可以使用 jquery 来做这样的事情。我个人最喜欢的插件只是简单的jquery file upload，因为它简单优雅+示例使用boostrap。您也有大量的documentation 部分，您可以逐步进行操作。本质上，它发送一个 ajax 请求，因此不需要提交任何表单。

【讨论】：