javascript - 每个图像都可以预览的功能

Question

我有jsfile

这是我的函数

$(document).ready(function() {
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('.img-upload').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }

    $(".input-upload").change(function(){
        readURL(this);
         console.log(this.id);
    });


});

我的问题是我正在使用的类..我需要使用参数或某些东西来创建这个函数以适用于每个输入和图像..现在仅适用于一个输入，但需要是动态的。

Answer 1

使用变量input更改src以获取相对于所选输入的图像:

$(input).closest('.fileContainer').find('.img-upload').attr('src', e.target.result);