Skip to main content
Correção da identação para melhorar a visualização do código
Fonte Link

No entanto como posso passar o Array JavascriptJavaScript para o formulário e submeter ele ao clicar no action?

preciso resgatar o array enviado em php no próprio phpphp

var nomess = [];

                                function handleFileSelect() {
                                    var output = document.getElementById("resultt");
                                    arquivos = $("#imagem").prop("files");
                                    var nomes = $.map(arquivos, function(val) { return val.name; });

                                    //new
                                    var filesStr = "";
                                    for (let i = 0; i < arquivos.length; i++) {
                                        var extensao = nomes[i].split('.').pop().toLowerCase();
                                        if(extensao == "doc" || extensao == "docx"){
                                            icone = "http://www.programari.com.br/assets/images/icons/word.png";
                                        }else if(extensao == "jpg" || extensao == "jpeg"){
                                            icone = "http://www.programari.com.br/assets/images/icons/jpg.png";
                                        }else if(extensao == "png"){
                                            icone = "http://www.programari.com.br/assets/images/icons/png.png";
                                        }else if(extensao == "xml"){
                                            icone = "http://www.programari.com.br/assets/images/icons/xml.png";
                                        }else if(extensao == "gif"){
                                            icone = "http://www.programari.com.br/assets/images/icons/gif.png";
                                        }else if(extensao == "pdf"){
                                            icone = "http://www.programari.com.br/assets/images/icons/pdf.png";
                                        }else if(extensao == "bmp"){
                                            icone = "http://www.programari.com.br/assets/images/icons/bmp.png";
                                        }else if(extensao == "txt"){
                                            icone = "http://www.programari.com.br/assets/images/icons/txt.png";
                                        }else if(extensao == "xlsx" || extensao == "xls"){
                                            icone = "http://www.programari.com.br/assets/images/icons/xls.png";
                                        }else{
                                            icone = "http://www.programari.com.br/assets/images/icons/file.png";
                                        }
                                        nomess.push(arquivos[i]);
                                        filesStr += "<li>" + arquivos[i].name + "<button onclick='removeLiy(this)' style='background-color:white; border:0'><i class='fas fa-trash' style='color:red; font-size: 24px; padding: 8px 0px 0px 3px;'></i></button><img src='"+icone+"' height='24' />" + "</li>";
                                    }

                                     console.log(nomess);

                                    document.getElementById("imagem").value = "";
                                    document.getElementById("resultt").innerHTML += filesStr;


 

                                }

                                function removeLiy(e) {
                                        nomess = nomess.filter(function(imagem) {
                                        return imagem.name !== e.parentNode.innerHTML.split("<button")[0];
                                       
                                        console.log(nomess);
                                        

                                    })
                                    e.parentNode.parentNode.removeChild(e.parentNode);
                                    console.log(nomess);
                                    

                                }
 

                                document.getElementById('imagem').addEventListener('change', handleFileSelect, true);
<form id="formExemplo" action="nova-acao/salvar'" method="post" enctype="multipart/form-data" data-toggle="validator" role="form">

    <div class="col-md-4 form-group">
 

        <input type="file"  onchange="handleFileSelect"  name="imagem" id="imagem" style="" multiple="multiple" >multiple="multiple">

    </div>

</form>

No entanto como posso passar o Array Javascript para o formulário e submeter ele ao clicar no action?

preciso resgatar o array enviado em php no próprio php

var nomess = [];

                                function handleFileSelect() {
                                    var output = document.getElementById("resultt");
                                    arquivos = $("#imagem").prop("files");
                                    var nomes = $.map(arquivos, function(val) { return val.name; });

                                    //new
                                    var filesStr = "";
                                    for (let i = 0; i < arquivos.length; i++) {
                                        var extensao = nomes[i].split('.').pop().toLowerCase();
                                        if(extensao == "doc" || extensao == "docx"){
                                            icone = "http://www.programari.com.br/assets/images/icons/word.png";
                                        }else if(extensao == "jpg" || extensao == "jpeg"){
                                            icone = "http://www.programari.com.br/assets/images/icons/jpg.png";
                                        }else if(extensao == "png"){
                                            icone = "http://www.programari.com.br/assets/images/icons/png.png";
                                        }else if(extensao == "xml"){
                                            icone = "http://www.programari.com.br/assets/images/icons/xml.png";
                                        }else if(extensao == "gif"){
                                            icone = "http://www.programari.com.br/assets/images/icons/gif.png";
                                        }else if(extensao == "pdf"){
                                            icone = "http://www.programari.com.br/assets/images/icons/pdf.png";
                                        }else if(extensao == "bmp"){
                                            icone = "http://www.programari.com.br/assets/images/icons/bmp.png";
                                        }else if(extensao == "txt"){
                                            icone = "http://www.programari.com.br/assets/images/icons/txt.png";
                                        }else if(extensao == "xlsx" || extensao == "xls"){
                                            icone = "http://www.programari.com.br/assets/images/icons/xls.png";
                                        }else{
                                            icone = "http://www.programari.com.br/assets/images/icons/file.png";
                                        }
                                        nomess.push(arquivos[i]);
                                        filesStr += "<li>" + arquivos[i].name + "<button onclick='removeLiy(this)' style='background-color:white; border:0'><i class='fas fa-trash' style='color:red; font-size: 24px; padding: 8px 0px 0px 3px;'></i></button><img src='"+icone+"' height='24' />" + "</li>";
                                    }

                                     console.log(nomess);

                                    document.getElementById("imagem").value = "";
                                    document.getElementById("resultt").innerHTML += filesStr;


 

                                }

                                function removeLiy(e) {
                                        nomess = nomess.filter(function(imagem) {
                                        return imagem.name !== e.parentNode.innerHTML.split("<button")[0];
                                       
                                        console.log(nomess);
                                        

                                    })
                                    e.parentNode.parentNode.removeChild(e.parentNode);
                                    console.log(nomess);
                                    

                                }
 

                                document.getElementById('imagem').addEventListener('change', handleFileSelect, true);
<form id="formExemplo" action="nova-acao/salvar'" method="post" enctype="multipart/form-data" data-toggle="validator" role="form">

<div class="col-md-4 form-group">
 

<input type="file"  onchange="handleFileSelect"  name="imagem" id="imagem" style="" multiple="multiple" >

</div>

</form>

No entanto como posso passar o Array JavaScript para o formulário e submeter ele ao clicar no action?

preciso resgatar o array enviado em php no próprio php

var nomess = [];

function handleFileSelect() {
    var output = document.getElementById("resultt");
    arquivos = $("#imagem").prop("files");
    var nomes = $.map(arquivos, function(val) { return val.name; });

    //new
    var filesStr = "";
    for (let i = 0; i < arquivos.length; i++) {
        var extensao = nomes[i].split('.').pop().toLowerCase();
        if(extensao == "doc" || extensao == "docx"){
            icone = "http://www.programari.com.br/assets/images/icons/word.png";
        }else if(extensao == "jpg" || extensao == "jpeg"){
            icone = "http://www.programari.com.br/assets/images/icons/jpg.png";
        }else if(extensao == "png"){
            icone = "http://www.programari.com.br/assets/images/icons/png.png";
        }else if(extensao == "xml"){
            icone = "http://www.programari.com.br/assets/images/icons/xml.png";
        }else if(extensao == "gif"){
            icone = "http://www.programari.com.br/assets/images/icons/gif.png";
        }else if(extensao == "pdf"){
            icone = "http://www.programari.com.br/assets/images/icons/pdf.png";
        }else if(extensao == "bmp"){
            icone = "http://www.programari.com.br/assets/images/icons/bmp.png";
        }else if(extensao == "txt"){
            icone = "http://www.programari.com.br/assets/images/icons/txt.png";
        }else if(extensao == "xlsx" || extensao == "xls"){
            icone = "http://www.programari.com.br/assets/images/icons/xls.png";
        }else{
            icone = "http://www.programari.com.br/assets/images/icons/file.png";
        }
        nomess.push(arquivos[i]);
        filesStr += "<li>" + arquivos[i].name + "<button onclick='removeLiy(this)' style='background-color:white; border:0'><i class='fas fa-trash' style='color:red; font-size: 24px; padding: 8px 0px 0px 3px;'></i></button><img src='"+icone+"' height='24' />" + "</li>";
    }

    console.log(nomess);

    document.getElementById("imagem").value = "";
    document.getElementById("resultt").innerHTML += filesStr;

}

function removeLiy(e) {
        nomess = nomess.filter(function(imagem) {
        return imagem.name !== e.parentNode.innerHTML.split("<button")[0];

        console.log(nomess);

    })
    e.parentNode.parentNode.removeChild(e.parentNode);
    console.log(nomess);

}

document.getElementById('imagem').addEventListener('change', handleFileSelect, true);
<form id="formExemplo" action="nova-acao/salvar'" method="post" enctype="multipart/form-data" data-toggle="validator" role="form">

    <div class="col-md-4 form-group">

        <input type="file" onchange="handleFileSelect" name="imagem" id="imagem" style="" multiple="multiple">

    </div>

</form>
Correção, melhoria para se enquadrar nos padrões da comunidade
Fonte Link

Olá tenhoTenho um formulário que cria uma lista de imagens selecionadas antes de enviar através de um input type='file'

Até ai tudo bem.type='file'

No entanto como posso passar o array java scriptArray Javascript para o formulário e submeter ele ao clicar no actionaction?

[![

]1]1

Olá tenho um formulário que cria uma lista de imagens selecionadas antes de enviar através de um input type='file'

Até ai tudo bem.

No entanto como posso passar o array java script para o formulário e submeter ele ao clicar no action?

[![

]1]1

Tenho um formulário que cria uma lista de imagens selecionadas antes de enviar através de um input type='file'

No entanto como posso passar o Array Javascript para o formulário e submeter ele ao clicar no action?

Fonte Link

Como passar array javascript para formulário e pegar os valores no php?

Olá tenho um formulário que cria uma lista de imagens selecionadas antes de enviar através de um input type='file'

Até ai tudo bem.

No entanto como posso passar o array java script para o formulário e submeter ele ao clicar no action?

preciso resgatar o array enviado em php no próprio php

[![

var nomess = [];

                                function handleFileSelect() {
                                    var output = document.getElementById("resultt");
                                    arquivos = $("#imagem").prop("files");
                                    var nomes = $.map(arquivos, function(val) { return val.name; });

                                    //new
                                    var filesStr = "";
                                    for (let i = 0; i < arquivos.length; i++) {
                                        var extensao = nomes[i].split('.').pop().toLowerCase();
                                        if(extensao == "doc" || extensao == "docx"){
                                            icone = "http://www.programari.com.br/assets/images/icons/word.png";
                                        }else if(extensao == "jpg" || extensao == "jpeg"){
                                            icone = "http://www.programari.com.br/assets/images/icons/jpg.png";
                                        }else if(extensao == "png"){
                                            icone = "http://www.programari.com.br/assets/images/icons/png.png";
                                        }else if(extensao == "xml"){
                                            icone = "http://www.programari.com.br/assets/images/icons/xml.png";
                                        }else if(extensao == "gif"){
                                            icone = "http://www.programari.com.br/assets/images/icons/gif.png";
                                        }else if(extensao == "pdf"){
                                            icone = "http://www.programari.com.br/assets/images/icons/pdf.png";
                                        }else if(extensao == "bmp"){
                                            icone = "http://www.programari.com.br/assets/images/icons/bmp.png";
                                        }else if(extensao == "txt"){
                                            icone = "http://www.programari.com.br/assets/images/icons/txt.png";
                                        }else if(extensao == "xlsx" || extensao == "xls"){
                                            icone = "http://www.programari.com.br/assets/images/icons/xls.png";
                                        }else{
                                            icone = "http://www.programari.com.br/assets/images/icons/file.png";
                                        }
                                        nomess.push(arquivos[i]);
                                        filesStr += "<li>" + arquivos[i].name + "<button onclick='removeLiy(this)' style='background-color:white; border:0'><i class='fas fa-trash' style='color:red; font-size: 24px; padding: 8px 0px 0px 3px;'></i></button><img src='"+icone+"' height='24' />" + "</li>";
                                    }

                                     console.log(nomess);

                                    document.getElementById("imagem").value = "";
                                    document.getElementById("resultt").innerHTML += filesStr;




                                }

                                function removeLiy(e) {
                                        nomess = nomess.filter(function(imagem) {
                                        return imagem.name !== e.parentNode.innerHTML.split("<button")[0];
                                       
                                        console.log(nomess);
                                        

                                    })
                                    e.parentNode.parentNode.removeChild(e.parentNode);
                                    console.log(nomess);
                                    

                                }


                                document.getElementById('imagem').addEventListener('change', handleFileSelect, true);
<form id="formExemplo" action="nova-acao/salvar'" method="post" enctype="multipart/form-data" data-toggle="validator" role="form">

<div class="col-md-4 form-group">


<input type="file"  onchange="handleFileSelect"  name="imagem" id="imagem" style="" multiple="multiple" >

</div>

</form>

]1]1