Изменить функцию, чтобы использовать класс HTML вместо идентификатора

У меня есть функция изменения размера, которая принимает в качестве входного идентификатора элемента ввода файла и.onchange, он принимает изображение в форме и выводит измененный холст изображения. Теперь я изменил структуру формы из статической формы, где я знаю идентификаторы для динамически сгенерированной формы, где я знаю только класс ввода.

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

Как изменить функцию, чтобы заметить, когда элемент ввода файла класса = "образ" является.onchange, а затем выполняет функцию изменения размера для этого конкретного элемента?

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

    };
}