Question

我正在尝试使用ajax从引导模式窗口将文件上传到服务器。

模态html是

<div class="modal-body">
<div>
<form class="form" role="form" id="attachform" enctype="multipart/form-data">
<input type="file" name="file" id="file">
<button type="submit" class="btn btn-primary">Upload</button>
</form>
</div>
</div>

Javascript

$("#attachform").on('submit',function(event){
event.preventDefault();
var postData = new FormData($("#attachform")[0]);
console.log(postData);
$.ajax({
   url: "attachment.php",
   type: "POST",
   data: data,
   processData: false,  // tell jQuery not to process the data
   contentType: false
   }).done(function(msg) {
   console.log(msg);
    $('#myAttachModal').modal('hide');
            });
    });
});

PHP服务器代码

print_r($_POST);
print_r($_FILES);

当我运行它时，我在$ _FILES数组中没有看到任何内容。

有什么建议吗？

Answer 1

将Ajax帖子中的数据值更改为postData。 postData包含表单数据。

更改此部分

$arrray = array("server_response" => $rows);

要

default_scope -> { order('lower(alias) asc') }

Answer 2

$.ajax({
   url: "attachment.php",
   type: "POST",
   data: postData,
   processData: false,  // tell jQuery not to process the data
   contentType: false
   }).done(function(msg) {
   console.log(msg);
    $('#myAttachModal').modal('hide');
            });
    });
});

Answer 3

您只需要更改data：

中的data kew值

$.ajax({
  data : postData,
});

使用ajax从引导模式上载文件

3 个答案: