javascript - 修改函数以使用 html 类而不是 id

Question

我有一个调整图像大小的函数，它将文件输入元素的 ID 作为输入，而 .onchange 它以表单形式获取图像并输出调整大小的图像画布。现在我已经将表单结构从我知道 ID 的静态表单更改为我只知道输入类的动态生成表单。

<input type="file" class"image" id="some database genererated id such as 857432">

如何修改函数以注意 class="image" 的文件输入元素何时为 .onchange，然后对该特定元素执行调整大小功能？

function resizeImage(inputfile, outputcontainer, outputname) {
    document.getElementById(inputfile).onchange = function(e) {
    var file = e.target.files[0]
    var image = new Image(file);
    etc.....

    };
}

Answer 1

试试这个

function resizeImage(inputfile, outputcontainer, outputname) {
    $(".image").change  = function(e) {
    var file = e.target.files[0]
    var image = new Image(file);
    etc.....

    };
}

Answer 2

像下面这样使用

function resizeImage(inputfileClass, outputcontainer, outputname) {
    $('.' + inputfileClass).change = function(e) {
    var file = e.target.files[0]
    var image = new Image(file);
    etc.....

    };
}