Skip to main content
adicionou 172 caracteres ao conteúdo
Fonte Link
RFL
  • 6,3mil
  • 3
  • 35
  • 66

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

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

Fonte Link
RFL
  • 6,3mil
  • 3
  • 35
  • 66

Módulo NodeJS executando antes do EventListener

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.