Question

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

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

如何修改函数以注意当class =“image”的文件输入元素是.onchange时，然后对该特定元素执行resize函数？

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.....

    };
}

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

2 个答案: