使用Ajax、PHP和jQuery上載多個(gè)圖像使用Ajax上傳多張圖片有很多問題。我寫了這段代碼:HTML<form id="upload" method="post" enctype="multipart/form-data">
<div id="drop" class="drop-area">
<div class="drop-area-label">
Drop image here </div>
<input type="file" name="file" id="file" multiple/>
</div>
<ul class="gallery-image-list" id="uploads">
<!-- The file uploads will be shown here -->
</ul></form><div id="listTable"></div>jQuery/Ajax$(document).on("change", "input[name^='file']", function(e){
e.preventDefault();
var This = this,
display = $("#uploads");
// list all file data
$.each(This.files, function(i, obj){
// for each image run script asynchronous
(function(i) {
// get data from input file
var file = This.files[i],
name = file.name,
size = file.size,
type = file.type,
lastModified = file.lastModified,
lastModifiedDate = file.lastModifiedDate,
webkitRelativePath = file.webkitRelativePath,
slice = file.slice,
i = i;
// DEBUG
/*
var acc = []
$.each(file, function(index, value) {
acc.push(index + ": " + value);
});
alert(JSON.stringify(acc));
*/
$.ajax({
url:'/ajax/upload.php',
contentType: "multipart/form-data",
data:{
"image":
{
}
},我嘗試過不同的版本,但從未成功地通過Ajax發(fā)送多個(gè)數(shù)據(jù)。我試過這樣做,你在上面看到的,現(xiàn)在我只得到張貼的信息。我明白我為什么得到帖子,但我需要發(fā)送文件信息,我不知道我錯(cuò)在哪里。我并不是第一次使用Ajax,而是經(jīng)常在大多數(shù)項(xiàng)目中使用Ajax,但是我從來沒有發(fā)送過多個(gè)文件,現(xiàn)在這讓我很困擾。謝謝!
使用Ajax、PHP和jQuery上載多個(gè)圖像
幕布斯6054654
2019-06-25 10:59:25