文件上傳Javascript

Question

我一直在滾動槽堆棧，找不到與我的問題有關的任何答案。

問題如下：

當我發布圖片時，名稱為NULL，因此它不會發布圖片名稱：/不會將圖片上傳至。

我的Ajax帖子：

$.ajax({
      url: 'handler.php', 
      type: 'POST',
      data: new FormData($(where.parentNode)[0]),
      processData: false                   
        }).done(function(result){
            console.log("Success: Files sent!", result);
        }).fail(function(){
            console.log("An error occurred, the files couldn't be sent!");
        });

創建表單並處理它。

var elem = document.querySelectorAll('p,h1,h2,h3,h4,h5,h6,span,b,bold,i,li,strong,em,small,sub,sup,ins,del,mark,img');

for (var i = elem.length - 1; i >= 0; i--) {
    if (elem[i].className == "no-edit") {
    } else {
        if ($(elem[i]).attr("ID") != "livekit") {
            if(elem[i].nodeName == "IMG"){
                $(elem[i]).css("max-width", elem[i].width);
                $(elem[i]).css("max-height", elem[i].height);
                console.log("W: " + elem[i].width + " H: " + elem[i].height + " | " + elem[i].src);

                var imageControl = document.createElement("form");
                imageControl.className += 'livekit-nosave';
                imageControl.action += 'handler.php';
                imageControl.enctype = "multipart/form-data";
                imageControl.method = "POST";
                imageControl.innerHTML += '<input id="image" name="image" type="file" onchange="previewFile(this)">';

                var imageContain = document.createElement("div");
                imageContain.className += 'livekit-nosave';
                insertAfter(elem[i], imageContain);
                imageContain.appendChild(imageControl);
                imageControl.appendChild(elem[i]);
            }else{
            $(elem[i]).click(function() {
                if(this != previous){
                    if(previous == 'undefined'){
                    }else{
                        previous.style.zIndex = 1;
                        previous.lastChild.remove();
                        previous.lastChild.remove();
                    }
                    this.innerHTML += "<img class='edit-img livekit-nosave' src='http://www.starlinedesign.nl/livekit_remake/includes/img/edit.png' contenteditable='false' alt='Edit text'>";
                    this.innerHTML += "<div class='edit-bar livekit-nosave' contenteditable='false'><a class='save' onclick='save(this.parentNode);'>Opslaan</a></div>";
                    $(this).addClass("editable");
                    this.contentEditable = true;
                    this.style.zIndex = 99998;
                    previous = this;
                }
            });

        }
        }
    }
}

handler.php

if(ini_get('file_uploads') == 1){
  $response_array["status"] = "HTTP Upload Enabled";
  if(isset($_FILES["file"]["type"])){
    $response_array["status"] = "File received";
  }elseif(!empty($_POST)){
    var_dump($_POST['file']);
    $response_array['status'] = 'Success';
    // verwerken van de post
    //$_FILE['name']['image'];
    if(file_exists('livekit_uploads/' . $_FILES['image']['name'])){
            die('File with that name already exists.');
        }else{
        $errors= array();
        $file_name = $_FILES['image']['name'];
        $file_size =$_FILES['image']['size'];
        $file_tmp =$_FILES['image']['tmp_name'];
        $file_type=$_FILES['image']['type'];   
        $file_ext=strtolower(end(explode('.',$_FILES['image']['name'])));

        $expensions= array("jpeg","jpg","png");         
        if(in_array($file_ext,$expensions)=== false){
            $errors[]="extension not allowed, please choose a JPEG or PNG file.";
        }
        if($file_size > 2097152){
        $errors[]='Bestand mag niet groter zijn dan 2mb! Verklein met photoshop d.m.v save as web image en dan de kwaliteit naar 75 te doen.';
        }               
        if(empty($errors)==true){
            move_uploaded_file($file_tmp,"images/".$file_name);
            echo "Success";

//          $query = $conn -> prepare("
//              INSERT INTO includeimage (`image_url`, `order_id`) VALUES ('$file_name', '$orderid');
//          ");
//          $query -> execute();
        }else{
            print_r($errors);
        }
    }
  }
}else {
  $response_array["status"] = "Niks ontvangen";
}

我的問題是：為什么表單不提交任何表單數據？ 我需要文件名，以便可以將其發布到數據庫，也需要文件名將其上傳到上載文件夾。

控制台說：

edit.js：221成功：文件已發送！ NULL具有該名稱的文件已存在。

Answer 1

您執行var_dump($_POST['file']); 但沒有名稱為“ file”的字段。 我只看到一個名為“ image”的輸入字段。 如PHP文檔所述（ http://php.net/manual/en/features.file-upload.post-method.php ），您在$ _FILES中有一個包含信息的數組。 請看以下部分：

$ _FILES ['userfile'] ['name']

客戶端計算機上文件的原始名稱。

因此，要獲取名稱，您應該使用$_FILES['image']['name'] 。