我正在try 从不同的输入文件框上载两个文件,而不使用JQuery、AJAX和PHP刷新页面.问题是文件没有上传,可能是因为我的格式.附加这两个文件或我在AJAX中定义"数据"的方式.
这是我的HTML表单
<form>
<div class="col col-sm-12 mb-2">
<label class="form-label">Cover Image</label>
<input type="file" class="form-control" name="coverImage" id="coverImage">
</div>
<div class="col col-sm-12">
<label class="form-label">File to Embed</label>
<input type="file" class="form-control" name="fileToEmbed" id="fileToEmbed">
</div>
<button type="button" class="btn btn-primary" name="steganize" id="steganize">STEGANIZE</button>
</form>
这是我try 过的代码.
$('#steganize').click(function(){
var file = $('#coverImage').prop("files")[0];
var form = new FormData();
form.append("coverImage", file);
var file2 = $('#fileToEmbed').prop("files")[0];
var form2 = new FormData();
form2.append("fileToEmbed", file2);
$.ajax({
url: "steganize.php",
type: "POST",
data: {form, form2},
contentType: false,
processData:false,
success: function(result){
console.log(result);
}
});
});
也试过这个
$('#steganize').click(function(){
var file = $('#coverImage').prop("files")[0];
var file = $('#fileToEmbed').prop("files")[1];
var form = new FormData();
form.append("coverImage", file);
$.ajax({
url: "steganize.php",
type: "POST",
data: form,
contentType: false,
processData:false,
success: function(result){
console.log(result);
}
});
});
不幸的是,这两者都不起作用.那么你知道正确的写作方法吗?我做这件事已经有好几个小时了.如果你能帮助我,请提前感谢.