У меня есть функция изменения размера, которая принимает в качестве входного идентификатора элемента ввода файла и.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.....
};
}
использовать, как показано ниже
function resizeImage(inputfileClass, outputcontainer, outputname) {
$('.' + inputfileClass).change = 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.....
};
}
$('.' + inputfileClass).onchange = function(e) {
должно быть$('.' + inputfileClass).change(function(e) {......});