如何循环此功能? [英] how to loop this function?
本文介绍了如何循环此功能?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
感谢这里的帮助,我有一种预览选择的图像并使用的方式上传的方法:
Thanks to some help on here I have a way of previewing images selected for and upload using:
<input type='file' name="files[]" onchange="readURL(this);" multiple />
<div id="previews"></div>
<script>
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
var container = $('#previews');
var image = $('<img>').attr('src', e.target.result).width(150);
image.appendTo(container);
};
reader.readAsDataURL(input.files[0]);
}
}
</script>
我想知道如何为输入中选择的每个文件循环此功能?我只是看不到在哪里使用.each()
I was wondering how to loop this function for each file selected on the input? I just don't see where to use something like .each()
我正在尝试这个..但是它在某处出错,因为它显示2个预览但两个图像都相同?
am trying this.. but its wrong somewhere, as it displays 2 previews but both of the same image?
function readURL(input) {
$.each(input.files,function(i) {
var reader = new FileReader();
reader.onload = function (e) {
var container = $('#previews');
var image = $('<img>').attr('src', e.target.result).width(150);
image.appendTo(container);
};
reader.readAsDataURL(input.files[0]);
});
}
推荐答案
FileList
,就像数组一样.
您可以像其他数组一样在其上使用 jQuery.each
.
input.files
is a FileList
, which acts like an array.
You can use jQuery.each
on it like any other array.
这篇关于如何循环此功能?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文