Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17405
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviando arquivos usando input file multiple html 5

15-06-2013 18:24

Esse script junta o jquery e o html 5, para validar o formato do arquivo enviado no lado do usuário. Estando de acordo com os formatos aceitos, envia o arquivo, que nesse exemplo podem ser vários arquivos ao mesmo tempo, já que usa o multiple.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('input[type="file"]').change(function () { var ext = this.value.match(/\.(.+)$/)[1]; switch (ext) { case 'jpg': case 'gif': $('#upload').attr('disabled', false); $('#formato').html(''); break; default: $('#upload').attr('disabled', true); $('#formato').html('Somente jpg e gif'); this.value = ''; } }); }); </script>


<form enctype="multipart/form-data" action="teste.php" method="post"> <input type="file" name="foto[]" accept="image/*" multiple required> <span id="formato" style="color:red;"></span> <input type="submit" name="submit" id="upload" disabled="disabled"> </form> <br />


<?php if(isset($_POST['submit'])) { extract($_POST); // PASTA QUE RECEBE OS ARQUIVOS COM BARRA NO FINAL $uploaddir = "fotos/"; for($i = 0; $i < count($_FILES['foto']['tmp_name']); $i++) { $uploadfile = $uploaddir.$_FILES['foto']['name'][$i]; if(@move_uploaded_file($_FILES['foto']['tmp_name'][$i], $uploadfile)) { echo "enviado: " . $_FILES['foto']['name'][$i]."<br />"; } } } ?>

1
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado