我正在尝试使用FormData通过AJAX上传文件。如果我在没有选择任何要上传的文件的情况下提交AJAX调用,那么帖子会正常工作,并且服务器上会接收到其他字段(不是文件上传的)。如果我选择了一个要上载的文件,那么调用到达服务器时没有任何数据(在PHP中,$_post和$_files数组都是完全空的)。我知道如果你没有告诉jQuery不要设置contentType,就会发生这种情况,但我将contentType和processData设置为false,它仍然不会发送数据。
这是我的代码:
function AddComment(taskid) {
var newnote = $('#newnote_'+taskid).val();
if(newnote != '') {
$('#tasklist *').css('cursor', 'progress');
var formData = new FormData();
$('.upload-' + taskid).each(function() {
if (this.files[0]) {
formData.append($(this).attr('name'), this.files[0]);
}
});
formData.append("taskid", taskid);
formData.append("newnote", newnote);
$.ajax({
url: '/modules/task/ajax/ajaxAddComment.php',
data: formData,
processData: false,
contentType: false,
type: 'post',
success: function(data){
alert(data);
}
});
}
}
我确信我在做一些愚蠢的事情,但我看不出。。。?
编辑:这是HTML:
<form id="frmNewComment544" enctype="multipart/form-data" method="post" action="">
<div>
<textarea style="width:100%;" cols="30" rows="5" id="newnote_544"></textarea>
</div>
<div>
<input type="button" onclick="AddComment(544)" value="Append Comment">
</div>
<div class="attachment-browsers" id="attachmentBrowsers544" style="display: block;">Attachments will be uploaded when you append a comment.
<div>
<input type="file" id="upload_544_151ab3cfe69" name="upload_544_151ab3cfe69" class="upload-544">
</div>
<div>
<input type="file" id="upload_544_3y4afe6eg7a" name="upload_544_3y4afe6eg7a" class="upload-544">
</div>
</div>
</form>
编辑2:好的,这个问题只发生在上传相对较大的文件时(不是巨大的——在这种情况下是10MB)。小文件上传可以。所以现在的问题是为什么我不能用这种方法上传大文件?
我就知道这会很愚蠢!
我的php.ini文件上传有默认的2MB限制。哦。
我没有看到任何对您表单的引用。也许你会这样做:
.....
var form = $('form#frmNewComment544');
var formdata = false;
if (window.FormData){
formdata = new FormData(form[0]);
}
var formAction = form.attr('action');
$.ajax({
url: formAction,
data : formdata ? formdata : form.serialize(),
....