Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

AlexPecanha

Formulário com botão de upload

Por , em Javascript

Recommended Posts

AlexPecanha    0

AlexPecanha
Postado
Boa Noite(tarde/dia) pessoal,


Preciso de uma ajuda de vocês, to tentando colocar um botão input file em um site,que e chamado por outro botão (adicionar mais campos), que chama novamente esse botão input file, eu quero o input file um visto(ou alguma coisa informando que tem um arquivo ali dentro). o primeiro funciona direito mas os outros não funciona.






Segui o código


<!--Chama o add linha-->

< type="text/java" class="init">



$(document).ready(function() {

var t = $('#example').DataTable();

var counter = '<input type="text" name="usrname">';

var botao = '<input type="button" value="clique">';

// esse abaixo que e o botão file

var btnUp = '<div class="file-wrapper">';

btnUp +='<input type="file" class="filestyle" name="arquivos[]"/>';

btnUp +='<span class="button">Selecione o arquivo</span> </div>';



$('#addRow').on('click', function () {

t.row.add( [

counter ,

counter ,

counter ,

btnUp


] ).draw( false );

} );


$('#addRow').click();


} );


</>

<!--coloca uma ima de confirmação ao lado do botão -->

< type="text/java">

var SITE = SITE || {};


SITE.fileInputs = function() {

var $this = $(this),

$val = $this.val(),

valArray = $val.split(' '),

newVal = valArray[valArray.length-1],

$button = $this.siblings('.button'),

$fakeFile = $this.siblings('.file-holder');

if(newVal !== '') {

$button.text('Selecionado');

if($fakeFile.length === 0) {

$button.after('<span class="file-holder"><img src="ok.png"></span>');

} else {

$fakeFile.text(newVal);

}

}

};


$(document).ready(function() {

$('.file-wrapper input[type=file]').bind('change focus click', SITE.fileInputs);


});



</>



</head>


<body>


<table id="example" >

<thead>


<tr role="row">

<th>coluna 1</th>

<th>coluna 2</th>

<th>coluna 3</th>

<th>coluna 4</th>

</tr>

</thead>

</table>

<button id="addRow">Adicionar mais campos</button>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • juniormatrix
      Script para validação
      Por juniormatrix
      Olá
       
      Achei esse script aqui no fórum mesmo:
       
      $.validator.addMethod( "customEmail", function (value, element) { return this.optional(element) || /^[\w-\.]+@fulano\.com\.br$/i.test(value); }, "Por favor, insira um e-mail válido com o domínio @fulano.com.br" ); $("#formulario").validate({ ignore: ".ignore", rules: { empresa: { required: true }, nome: { required: true }, contato: { required: true }, celular: { required: true }, email: { required: true, email: true, customEmail: true }, }, }); Testei e funcionou perfeitamente, mas gostaria que liberasse mais e-mails válidos, ao invés de apenas um.

      Tem como fazer? 
       
      Se alguém puder ajudar, fico muito grato.
    • Alessandro Bodão
      Projeto de Branding
      Por Alessandro Bodão
      Salve galerinha, passando pra mostrar pra vocês o novo projeto de marca que a Jatobá Estúdio desenvolveu, espero que gostem.   https://www.behance.net/gallery/166555627/Fernanda-Pinheiro-Nutricionista-Esportiva
    • rogerblower
      Qual calendário free usar?
      Por rogerblower
      Boas pessoal, estou precisando de um calendário para agenda com crud para agendamento, mas teria que ser free.
      Obrogado.
    • Sapinn
      Erro em arquivos do tipo woff, tff
      Por Sapinn
      Fala galera! Tenho um site que possui alguns icones que são puxados da biblioteca flaticon , o problema é que de uma hora pra outra esses icones pararam de aparecer. No meu ambiente local funciona, mas no ambiente de produção eles não aparecem e eu recebo o seguinte erro no console: Failed to load resource: the server responded with a status of 404 () 
       
      Alguém saberia como resolver isso?
    • mateus.andriollo
      Executar função via marcação de um elemento [RESOLVIDO]
      Por mateus.andriollo
      Carrego um conteudo Ajax e junto com ele vem HTML e JS, existe um marcador que está relacionado a um elemento HTML, quando eu clico e este elemento tem um atributo exemplo data-onload="funcaoOla()" esta função tbm carregada pelo ajax deve ser executada.
       
      Dúvida como eu faço uma chama de função desta forma, seria como exec("funcaoOla")
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito