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

Modify function to use html class instead of id

本文关键字：id html 函数 修改      更新时间：2023-09-26

我有一个调整大小的图像函数，它将文件输入元素的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.....
    };
}

试试这个

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

如下使用

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