javascript - 如何循环这个函数？

Question

感谢这里的一些帮助，我有一种方法可以预览选择和上传的图像，使用:

<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() 的东西

编辑:

我正在尝试这个..但它在某处出错了，因为它显示了 2 个预览，但都是相同的图像？

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]);
    });
}

Answer 1

input.files是 FileList ，它就像一个数组。
您可以使用 jQuery.each就像任何其他数组一样。