我正在嘗試通過 ajax 將圖像發(fā)送到 ajax 處理程序。ìmage如果我console.log我發(fā)送的變量，它看起來很好。截至目前，我正在將其發(fā)送給處理程序并嘗試將其回顯。但我得到的答復(fù)是空白的。我正在向image: formData內(nèi)部發(fā)送一個(gè)我希望沒問題的對象。阿賈克斯：var form_data = new FormData(); var image = $('#newImage').prop('files')[0]; var image_name = image.name; var image_extension = image.name.split('.').pop().toLowerCase(); if(jQuery.inArray(image_extension, ['gif', 'jpg', 'JPG', 'pjpeg', 'x-png', 'png', 'PNG', 'jpeg']) == -1) { alert("Invalid Image File Type") } var image_size = image.size; if(image_size > 700000) { alert("Image too big!"); } else { form_data.append('file', image); } let data = { action: 'NewEventExhibition', name: name, description: description, notes: notes, status: status, slug: slug, start_date: start_date, end_date: end_date, event_code: '<?=$code?>', image: form_data }; $.ajax({ url: '/modules/ajax/ajax_handler.php', type: 'POST', data: data, contentType: false, cache: false, processData: false, mimeType: 'multipart/form-data', success: function(response) { alert(response); }, fail: function(response) { console.log(response); } }) } });處理程序if($_FILES['file']['name'] != '') { $test = explode(".", $_FILES['file']['name']); $extension = end($test); $name = rand(100, 999).'.'.$extension; $location = "/assets/images/".$name.""; move_uploaded_file($_FILES['file']['tmp_name'], $location); echo $location; }```
1 回答
慕森王
TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超3個(gè)贊
這不是使用 ajax 發(fā)送 FormData 對象的方式。該form_data對象應(yīng)該是您發(fā)送的內(nèi)容，而不是更大對象的一部分。我建議您將對象的所有字段附加data到form_data并發(fā)送。
像下面這樣：
form_data.append('action', 'NewEventExhibition');
form_data.append('name', name);
form_data.append('description', description);
form_data.append('notes', notes);
form_data.append('status', status);
form_data.append('slug', slug);
form_data.append('start_date', start_date);
form_data.append('end_date', end_date);
form_data.append('event_code', '<?=$code?>');
而不是let data = { .... }.
然后你可以發(fā)送它
$.ajax({
url: '/modules/ajax/ajax_handler.php',
type: 'POST',
data: form_data,
contentType: false,
cache: false,
processData: false,
mimeType: 'multipart/form-data',
success: function(response) {
alert(response);
},
fail: function(response) {
console.log(response);
}
});
請注意data: form_data.
- 1 回答
- 0 關(guān)注
- 105 瀏覽
添加回答
舉報(bào)
0/150
提交
取消