js上传文件-没有上传文件

Question

我正在服务器端上传一个图像文件，我的脚本出错了。

错误：“没有上传文件。”

<form enctype="multipart/form-data" method="post">
  <input name="file" type="file"/>
  <input class="btn btn-warning" type="button" value="Upload"/>
</form>

JS码

$(':button').click(function () {
    var formData = new FormData($('form'));
    $.ajax({
        url: "/files/create",
        type: 'POST',
        success: completeHandler,
        data: formData,
        cache: false,
        contentType: false,
        processData: false

    });
    console.log(formData);
});

function completeHandler() {
    console.log("complete success");
}

有什么主意吗？有什么可以连接起来的？

Answer 1

试试这个：

//HTML Part

<form enctype="multipart/form-data" method="post">
    <input name="file" type="file"/>
    <input class="btn btn-warning" type="submit" value="Upload"/>
</form>

//Js part
<script>
$('form').submit(function (e) {
    e.preventDefault();
    var formData = new FormData($(this)[0]);
    $.ajax({
       url: '/files/create',
       type: 'POST',
       data: formData,
       async: false,
       cache: false,
       contentType: false,
       enctype: 'multipart/form-data',
       processData: false,
       success: function (response) {
         alert(response);
       }
    });
    return false;
});

</script>

create.php中的part

<?php
    if(isset($_FILES['file'])){
      print_r($_FILES);
    }
?>