Skip to main content
3 de 3
adicionou 126 caracteres ao conteúdo
user avatar
user avatar

Sem form e sem botão submit

index.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='ads-files-edit' type='file' accept='image/*' placeholder='Selecione a imagem' data-max-size='5242880' class='form-control form-group-lg ads-files-edit'>

<script language="javascript">

$(document).ready(function() {
    $('#ads-files-edit').change(function(){
        var file_data = $('#ads-files-edit').prop('files')[0];   
        var form_data = new FormData();                  
        form_data.append('file', file_data);
        $.ajax({
            url: "upload-imagem.php",
            type: "POST",
            data: form_data,
            contentType: false,
            cache: false,
            processData:false,
            success: function(data){
                 $("#result").html(data);
            }
        });
    });
})

</script>

<div id="result"></div>

upload-imagem.php

<?php 
  
$userFile=$_FILES['file'];
$name = $userFile['name'];
$tmp = $userFile ['tmp_name'];

if(empty($userFile)):
   echo '<a href="uploadFoto.htm">Selecione um arquivo para fazer upload</a>';
else:
    if(move_uploaded_file($tmp, 'uploads/'.$name)):
            echo 'Arquivo enviado com sucesso';
    else:
            echo 'Error';
    endif;
endif;

?>
user60252