我正在嘗試將產(chǎn)品上傳到我的 PHP 上傳系統(tǒng)，其中包括多個(gè)變量和圖像。我正在使用ajax函數(shù)來(lái)傳輸字符串變量和newForm()（與從中獲取的圖像相關(guān)的input[type="file"]）。主要目標(biāo)是upload.php使用我從 ajax 獲取的數(shù)據(jù)上傳文件中的圖像和字符串。但是傳遞圖像值有麻煩，一旦我將所有數(shù)據(jù)（包括圖像）一起發(fā)送，系統(tǒng)就無(wú)法傳遞數(shù)據(jù)，因?yàn)槲冶黄仁褂?，否則processData: false無(wú)法運(yùn)行 ajax 功能。此屬性阻止將整個(gè)數(shù)據(jù)傳輸?shù)轿业?PHP 文件。我怎樣才能克服processData: false影響，傳輸多個(gè)字符串并newForm()使用 AJAX 來(lái)upload.php歸檔？阿賈克斯： var proname = $('#proname').val(); var prodescription = $('#prodescription').val(); var content = $('#content').val(); var price = $('#price').val(); //Main image upload var file_main = $('#file').prop('files')[0]; var main = new FormData(); main.append('file', file_main); //Serval images upload var file_images = $('#files').prop('files')[0]; var images = new FormData(); images.append('files', file_images); //Checkboxes var tag = new Array(); $("#tag input:checked").each(function() { tag.push($(this).val()); }); var color = new Array(); $("#color input:checked").each(function() { color.push($(this).val()); }); //Ajax data transfer to upload.php $.ajax({ type: 'POST', dataType: 'json', processData: false, url: 'upload.php', data: { proname: proname, prodescription: prodescription, content: content, price: price, tag: tag, color: color, file: main, files: images }, // All the data as $_GET in php cache: false, success: function (result) { $('#success').html(result); console.log(result); } });目前這是輸出：注意：未定義索引：D:\XAMPP\htdocs\ugreen\cpanel\upload.php 中第 22 行的 proname注意：未定義索引：D:\XAMPP\htdocs\ugreen\cpanel\upload.php 第23行的prodescription注意：未定義索引：第24行D:\XAMPP\htdocs\ugreen\cpanel\upload.php中的內(nèi)容注意：未定義索引：價(jià)格在D:\XAMPP\htdocs\ugreen\cpanel\upload.php
2 回答
墨色風(fēng)雨
TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊
在這里，我將只使用 FormData 類的一個(gè)實(shí)例。
var data = new FormData();
data.append('proname', proname);
data.append('prodescription', prodescription);
data.append('content', content);
data.append('price', price);
data.append('tag', tag);
data.append('color', color);
data.append('file', $("#file")[0].files[0]);
$.each($("#files")[0].files, function(i, file) {
data.append('files[]', file);
});
在 ajax() 調(diào)用中更改/添加：
data: data, // change
contentType: false, // add
波斯汪
TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超4個(gè)贊
我使用以下代碼上傳我的表單數(shù)據(jù)，包括圖像/文件。希望能幫助到你。
let yourForm = $('#yourForm');
let actoin = // your action page;
$.ajax({
url: action,
data:new FormData(yourForm[0]),
async:false,
type:'post',
processData: false,
contentType: false,
success: function (data) {
// your code here
},
error: function (data) {
// your code here
}
});
- 2 回答
- 0 關(guān)注
- 140 瀏覽
添加回答
舉報(bào)
0/150
提交
取消