Php 上传图像，无需页面刷新&；然后显示图像

我有一个按钮，允许用户选择图像-如下所示：

        <div id="fileUpload">
          <form id="joinPhotoUploadForm" method="POST" enctype="multipart/form-data">
            <input type="file" id="file"/>
          </form>
          <div id="fakefile">
            <img src="../../images/button-grey-enhanced.png" id="usePhotoSubmit" alt="BROWSE for Photo">
            <span id="usePhoto">BROWSE</span>
          </div>
        </div>

关于如何在不刷新页面的情况下上传图像并显示在同一页面上，有什么建议吗

---

thx

您是否考虑过像or这样的高级上传程序？

您可以使用现代浏览器中提供的FileReader和File API在上传文件之前读取文件客户端，并显示预览，然后在用户验证预览后允许用户上传。您还可以将图像从桌面拖放到浏览器，而不是传统的文件选择输入

以下是有关它的教程：

---

在较旧的浏览器中，只需重新加载页面，即可返回传统的文件输入。

您可以尝试本教程中提供的解决方案

---

您需要的是AJAX调用，而不是表单提交。。。或者更确切地说，不是那种形式的提交。看看

$.post（）

。你可以按照@JeremyHolovacs的建议使用AJAX，或者如果你不想刷新页面纯粹是为了美观的话，也可以简单地使用iframe。我想避免iphone因素导致的flash。。。pupload支持IE7和IE8吗？两者都可以使用html5（事实上，UploadifyHTML5版本不是免费的，但要花5美元）。我几乎可以肯定。

$('input#file').change(function() {
  $('form#joinPhotoUploadForm').submit();
});