Javascript 如何获取上传图像的列表?
当我点击“发送”按钮时,需要获取所有下载的文件(图像),以便稍后将其传输到服务器。我不知道怎样做才对 值得注意的是,单击图像会删除图像。因此,仅将加载的对象添加到列表不太可能成功。我认为如果字典在jquery中,那么它们在这里会很有用Javascript 如何获取上传图像的列表?,javascript,jquery,html,image,web,Javascript,Jquery,Html,Image,Web,当我点击“发送”按钮时,需要获取所有下载的文件(图像),以便稍后将其传输到服务器。我不知道怎样做才对 值得注意的是,单击图像会删除图像。因此,仅将加载的对象添加到列表不太可能成功。我认为如果字典在jquery中,那么它们在这里会很有用 $('.product\u images\u button')。单击(函数(){ $('.product_images')。单击() }); 函数readURL(输入){ var reader=new FileReader(); reader.onload=函数
$('.product\u images\u button')。单击(函数(){
$('.product_images')。单击()
});
函数readURL(输入){
var reader=new FileReader();
reader.onload=函数(e){
$('.blah').last().attr('src',e.target.result).css('width','150px').css('opacity','0.9');
}
reader.readAsDataURL(input.files[0]);
$('.media\u preview\u wrap')。追加('');
$(“.product_images”).val(“”);
}
$(“.product_images”).change(函数(){
readURL(this);
});
$(文档).on('click','.blah',function(){
$(this.remove())
})
$('#id_submit')。单击(函数(){
风险值数据={
}
console.log(数据)
});代码>
上传图像
发送
无需重新发明车轮
(由heyageek编写)可以满足您的所有需求,并且是最小的,经过时间测试。(我已经成功地使用了多年)
注意,他有(jQuery)和(PHP)的示例代码
您需要查看formData
和/或dynamicFormData
功能,这些功能允许您在提交之前收集其他数据,并将它们(连同上载的文件)发送到后端处理文件
dynamicFormData: function()
{
//var data ="XYZ=1&ABCD=2";
var data ={"XYZ":1,"ABCD":2};
return data;
}
在js/jQuery中,字典(Python)只是被称为对象。也许你是对的。但是现在回去太晚了。我将完成建设自行车)如何获得所有下载的文件?如果没有删除,一切都会更容易。我想我仍然可以把对象放在列表中。删除时,很容易确定DOM中删除了哪个元素,并从列表中删除了相应的元素。@cssyphus我仍然希望在不使用库的情况下优化我的方法。