php - 使用php上传照片无需重新加载

Question

我想要什么

我想在不重新加载页面的情况下上传文件，还想将图片的源链接添加到文本区域。

因此，当我推送 upload_photo 时，图片会上传，并且 link 会添加到 textarea。

我想要纯 HTML、Javascript|AJAX 和 PHP。

---

我有什么

---

<form action"index.php" method="post" enctype="multipart/form-data">
    <textarea id="textarea" name="text"></textarea>
        <input type="file" name="photo" />
        <input type="submit" name="upload_photo"/>
    <input type="submit" name="post"/>
</form>

示例网站:

---

http://www.friendfeed.com - 上传文件时页面不会重新加载

我不想要的

---

请避免使用 jQuery 或任何库、API 发布解决方案。

Answer 1

这很简单。放置一个 iframe，为其命名，例如“MyIframe”。然后在表单中，添加 TARGET 属性，值为“MyIframe”，以及操作 - 上传脚本(例如 takeupload.php)在主页面中定义一个 Javascript 函数，在上传完成后执行您需要的操作，该函数将从 takeupload.php 生成的页面调用，并带参数。

在 takeupload.php 中上传图像，然后作为输出发送一个普通的空白 HTML 页面，该页面将执行一个脚本，该脚本将调用上述方法，并带有一组您需要的参数(图像名称、路径、错误或纯 HTML 插入某处等)。

像这样使用它:

<script type="text/javascript">
parent.YourJSMethod(parameters);
</script>

该页面将加载到 iframe 中，并将运行定义在 iframe 外部的函数。上传完成，父页面接收有关结果的数据。

这很简单。不需要 jQuery，不需要 AJAX，什么都不需要，只有非常简单的 Javascript 代码和一点 HTML。