jquery ajax fileupload

时间:2013-03-02 22:02:39

标签: php jquery html ajax

我需要一个异步文件上传器。不,我不是在寻找插件。我只是在寻找一个简单的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的经验。非常感谢!

1 个答案:

答案 0 :(得分:1)

你不可避免地要在你的定义中使用“插件”,但是......

这是好消息:

有一个非常好的,易于使用的,由blueimp编写简单的jQuery-File-Upload代码,你可以Download Here

您想要简单:

因为你正在寻找一个简单的基本jQuery ...你可以Look Here获得你正在寻找的基本教程。

旁注:

与基本文件jQuery上传器一样,您可以使用javascript库作为网站插件。

其他选项:

没有上传javascript库的唯一其他选择是使用你发布上传的iFrame的iFrame,它可以模拟jQuery,就像你不必重新加载页面来上传文件一样。