Send data to upload images through ajax

Question

Send data to upload images through ajax

Navigation

#1 by (5 votes)

6

<script type="text/javascript">
$(function(){
    $("#oformulario").submit(function(e){
        e.preventDefault();

        var nome    = $("#nome").val();
        var email   = $("#email").val();
        var obs     = $("#obs").val();
        var file0   = $("#file0").val();
        var file1   = $("#file1").val();

        if( (nome == "" || nome == null) || 
            (email == "" || email == null) ||   
            (file0 == "" || file0 == null) ){

            alert("Preencha todos os campos obrigatórios.");
            return false;

        } else {

            // Ajax

        }

    });
});
</script>

I want to send # file0 and # file1 which are (input[type=file]) files through ajax to PHP.

php html jquery css ajax

asked by anonymous 20.08.2014 / 23:54

1 answer

Performance on Javascript objects How do I configure .htaccess to accept hyphen in the URL?

score 5 · Accepted Answer

Taking advantage of the FormData already mentioned by @Wakim, and since you're using jQuery, you only have to use $.ajax within your condition.

$ .ajax example:

var dados = new FormData(this);
var url = "url/para/postUpload.php";
$.ajax({
    url: url,
    type: 'POST',
    data:  dados,
    mimeType:"multipart/form-data",
    contentType: false,
    cache: false,
    processData:false,
    success: function(data, textStatus, jqXHR)
        {
             // Em caso de sucesso faz isto...
        },
    error: function(jqXHR, textStatus, errorThrown) 
        {
            // Em caso de erro
        }          
    });