麻烦的AJAX PHP上传

时间:2011-08-30 16:55:24

标签: php javascript ajax

我正在创建一个AJAX PHP上传脚本,但我遇到了麻烦。用户选择要上传的图像后,它将显示在我在javascript文件中指定的div容器中(好)。但是,移动上传的文件似乎不起作用,或者至少我认为这就是问题所在。我将uploads /文件夹设置为拥有“777”的权限。

这是JS文件:

$(document).ready(function () {
  $("#upload-image-button").hide();

  var input = document.getElementById("images"),
    formdata = false;

  function showUploadedItem(source) {
    var list = document.getElementById("image-list"),
        li = document.createElement("li"),
        img = document.createElement("img");
    img.src = source;
    $("#topic-img-container").html(img);
  }  

  if (window.FormData) {
    formdata = new FormData();
    $("#upload-image-button").hide();
  }

  $("input[type='file']").live("change", function(event) {
    $("#response").html("Uploading...");
    var i = 0, len = this.files.length, img, reader, file;

    for (; i < len; i++) {
      file = this.files[i];

      if (!!file.type.match(/image.*/)) {
        if (window.FileReader) {
          reader = new FileReader();
          reader.onloadend = function (e) {
            showUploadedItem(e.target.result, file.fileName);
          };
          reader.readAsDataURL(file);
        }
        if (formdata) {
          formdata.append("images[]", file);
        }
      }
    }

    if (formdata) {
      $.ajax({
        url: "db/upload_image.php",
        type: "POST",
        data: formdata,
        processData: false,
        contentType: false,
        success: function (res) {
          document.getElementById("response").innerHTML = res;
        }
      });
    }
  }, false);
});

这是PHP文件:

<?php
  foreach($_FILES["images"]["error"] as $key => $error) {
    if ($error == UPLOAD_ERR_OK) {
      print_r($_FILES);
      $name = $_FILES["images"]["name"][$key];
      move_uploaded_file($FILES["images"]["tmp_name"][$key], "uploads/" . $_FILES["images"]["name"][$key]);
      echo $FILES["images"]["tmp_name"][$key];
    }
  }

  echo "Success";
?>

没有错误时进入循环。当我转到上传文件夹时,没有新文件。知道为什么会这样吗?

1 个答案:

答案 0 :(得分:0)

您无法使用AJAX上传文件。您需要通过常规表格发送的帮助者Iframe。