Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取上传图像的列表?_Javascript_Jquery_Html_Image_Web - Fatal编程技术网

Javascript 如何获取上传图像的列表?

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=函数

当我点击“发送”按钮时,需要获取所有下载的文件(图像),以便稍后将其传输到服务器。我不知道怎样做才对

值得注意的是,单击图像会删除图像。因此,仅将加载的对象添加到列表不太可能成功。我认为如果字典在jquery中,那么它们在这里会很有用

$('.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我仍然希望在不使用库的情况下优化我的方法。