jquery ajax文件上传[关闭]答案

【问题标题】：jquery ajax fileupload [closed]jquery ajax文件上传[关闭]
【发布时间】：2013-02-17 06:22:38
【问题描述】：

我需要一个异步文件上传器。不，我不是在寻找插件。我只是在寻找一个简单的 jquery+AJAX 上传器，它将异步上传文件。我检查了谷歌，但没有发现任何有用的东西。

这是我的html：

    <form method="post" enctype="multipart/form-data" "> 

File Name:<input type="text" name="name"/> <br/><br/>

Browse: <input type="file" name="file"/> <br/><br/> 

<input type="submit" id='button' Value="Upload the video file" name="submit"/>

 </form>

我的php代码：

<?php
if(isset($_POST["submit"]))
{
$filename=$_POST["name"];
$ext = pathinfo($_FILES['file']['name'], PATHINFO_EXTENSION);
$size=$_FILES["file"]["size"];
$size=$size/1000000;
$size=round($size, 2);
$size.="MB";
$namewithext=$filename." (".$size.")".".".$ext;
  if ($_FILES["file"]["error"] > 0)
    {
    echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
    }
  else
    {
    if (file_exists("file/" . $_FILES["file"]["name"]))
      {
      echo "<script> alert('".$_FILES["file"]["name"] . " already exists. "."');</script>";
      }
    else
      {

      move_uploaded_file($_FILES["file"]["tmp_name"],
      "file/" . $namewithext);
      echo "<script> alert('"."success"."');</script>";


      }
    }
}
  else
  {

  }
?>

我没有使用 jquery 的经验。非常感谢！

【问题讨论】：

“不，我不是在寻找插件。我只是在寻找一个简单的 jquery+AJAX 上传器，它可以异步上传文件。” 所以你在寻找对于插件...
另外，我在这里没有看到真正的问题。它更像是“这就是我想要的。为我编写代码。”也许如果您在尝试的事情上遇到问题或错误，我们可以提供帮助。
仅仅简单的编码是不可能的吗？因为我不是在寻找进度条或其他一些花哨的东西。我只想要一个上传器，它会在单击“提交”时上传文件，而不发回页面。谢谢！
我的问题是将文件发送到服务器的 jquery 代码是什么
我不相信jQuery中有这样的功能。

标签： php jquery html ajax

【解决方案1】：

不可避免地，您必须在定义中使用“插件”，但是...

好消息是：

blueimp 提供了一个非常好的、易于使用、易于编写的 jQuery-File-Upload 代码，您可以Download Here。

你想要的很简单：

既然您正在寻找它是一个简单、基本的 jQuery...您可以Look Here 获取有关您正在寻找的基本教程。

旁注：

它与其说是一个网站插件，不如说是一个 javascript 库，可以为“基本文件 jQuery 上传器”做你想做的事情。

其他选项：

如果不上传 javascript 库，您唯一的其他选择是使用您将上传的 iFrame 发布到的 iFrame，它可以模拟 jQuery，您无需重新加载页面即可上传文件。

【讨论】：