Estou criando um módulo para node
e ao realizar alguns testes com o eventListener
do tipo change
em um campo do tipo file
, o módulo é executado antes de um arquvo ser inserido no campo.
exports.preview = (fileInput, whereToSee) => {
if (fileInput && fileInput[0]) {
let reader = new FileReader();
reader.onload = (event) => {
whereToSee.attr('src', event.target.result);
}
reader.readAsDataURL(fileInput[0]);
} else {
console.error('None!!'); // Mensagem de teste
}
}
O Código de teste:
var upload = require('../index.js');
const file = document.querySelector('input[type="file"]');
file.addEventListener('change', upload.preview(this, document.querySelector('#blah')));
Logo quando abro o navegador a mensagem None!!
é exibida, ou seja, o event change
esta sendo ativado antes mesmo de um arquivo ser selecionado.
Estou utilizando o webpack
para criar o bundle.js
apartir do arquivo main.js
que é o arquivo onde encontram-se os códigos de teste:
webpack main.js bundle.js