Javascript 拖放图像不工作

该代码适用于一个图像。我的意思是，如果我只删除一个图像，它就会工作

但如果我删除多个图像，则只会上载最后一个图像

var itemcount=0；
var文件=0；
函数sendfiletoserver（fdata）
{
var extraData={}；//额外数据。
var jqXHR=$.ajax({
url:“actions/analyzer.upload.php？uploaditem=1&udid=“+Math.random（）”，
类型：“POST”，
contentType:false，
processData:false，
cache:false，
数据：fdata，
成功：功能（数据）{
$（'.dhui'+数据）；//.fadeOut（“慢”）.addClass（“removeit”）；
}
});
}
函数handleFileUpload（文件，obj）
{
对于（var i=0；i.uploaditempreview'）.append（''）；
};
reader.readAsDataURL（文件[i]）；
var fd=新FormData（）；
fd.append（'file'，files[i]）；
sendfiletoserver（fd）；
}
}
var obj=$（“#drophere”）；
obj.on（'dragenter'，功能（e）
{
e、 停止传播（）；
e、 预防默认值（）；
$（this.css（'border'，'2px solid#0B85A1'）；
});
obj.on（'dragover'，功能（e）
{
e、 停止传播（）；
e、 预防默认值（）；
});
obj.on（'drop'，功能（e）
{
文件=0；
$（this.css（'border'，'2px-dottered#0B85A1'）；
e、 预防默认值（）；
files=e.originalEvent.dataTransfer.files；
//我们需要将删除的文件发送到服务器
//handleFileUpload（文件，obj）；
handleFileUpload（文件，obj）；
});
$（文档）.on（'dragenter'，函数（e）
{
e、 停止传播（）；
e、 预防默认值（）；
});
$（文档）.on（'dragover'，函数（e）
{
e、 停止传播（）；
e、 预防默认值（）；
对象css（'border'，'2px-dottered#0B85A1'）；
});
$（文档）.on（'drop'，函数（e）
{
e、 停止传播（）；
e、 预防默认值（）；
});
*{
字体系列：tahoma
}
.上传项目{
宽度：90px；
高度：120px；
边框：1px虚线#6AC9EB；
浮动：左；
左边距：5px；
溢出：隐藏；
}
.uploaditem.uploaditempreview{
高度：106px；
宽度：100%；
}
您需要修改

var files=0; to var files = []; //i.e. list of for storing files 

然后修改您的

obj.on('drop', function (e) 
{
    $(this).css('border', '2px dotted #0B85A1');
    e.preventDefault();

    //push the new file in files list
    files.push(e.originalEvent.dataTransfer.files);

    console.log("files : ", files);

    //We need to send dropped files to Server
    //handleFileUpload(files,obj);

    handleFileUpload(files,obj); 
});

你能发布你的HTML吗？@A.Sharma。html Added缺少jQuery文件。@HarshSanghani jQuery includedIt适用于我：