js Matriz através de valores de uma input

[mpcarvalho 0]

Possuo pouco conhecimento em JS, então gostaria de solicitar uma ajuda com um script que montei para resgatar imagens de produtos de um determinado site/ecommerce utilizando o EAN do produto.

 

No código abaixo eu passo via form alguns parametros como a URL do site onde quero pesquisar a imagem com "/" e na sequência o campo EAN com todos os códigos de barra que quero pesquisar separados por "," e por ultimo a extensão do arquivo de acordo com a extensão que o site em questão utiliza, jpg ou png. No final tudo será exibido na div dl_imgs e ai então eu posso dar um ctrl + s no meu navegador e salvar todas as imagens de uma vez. 

 

O objetivo do FOR é retornar imagem por imagem utilizando os parametros URL + EAN + EXT. Ex: "ecommerce.com.br/imagens/000030201.png".

 

O que acontece é que preencho o campo EAN com todos os códigos de barras que preciso separados por virgula, mas o script não consegue montar o array e me retorna algo parecido com isso: https://cdn-*******.*******.com.br/products/7896003703863,7897005100223,7897005101589,7896360210097,7896003703863,7897005100223,7897005101589

 

Como podem ver me trás apenas uma imagem que não existe pois não separou os códigos de barra na matriz. Porem se eu copiar esses mesmos códigos e colocar direto na VAR MATRIZ, o script funciona. 

 

Segue abaixo o script utilizado. Desde já agradeço!

 

<script>
        function loadImgs(){
          /*--- Dados do formulário ---*/
          var dataform = document.forms[0] || document.forms['dados'];
          //var t = dataform.imgtotal.value;
          var url = dataform.url.value;
          var ext = dataform.ext.value;

          var ean = dataform.ean.value;
          dataform.buscar.disabled = true;
            
          /*--- Gerar IMGS ---*/
          var div = document.getElementById('dl_imgs') || document.dl_imgs;
          div.innerHTML = "";

          novoArray = ean.split(',');
          var matriz = [novoArray];
            
         for(var i=0; i<matriz.length; i++) {
               div.innerHTML += '<img src="'+url+""+matriz+''+ext+'" />';
         }

}
</script>

 

PS: Para melhorar ainda mais essa extração, eu gostaria de fazer isso fazendo um UPLOAD de um arquivo XLS contendo 2 colunas EAN e Nome produto, e no final exibir a imagem e abaixo o nome do produto, se alguém puder me dar uma luz de como fazer isso agradeço. Att;