[JQUERY] Geen AJAX post naar php script.

[Verwijderd]

Het volgende script zorgt ervoor dat als er op een image wordt geklikt er een andere image kan worden geupload. De image veranderd keurig, echter het probleem is dat op het moment er een AJAX POST gedaan wordt er niets gebeurt en de .php file ook niet wordt aangeroepen. De laatste versie van jquery wordt gebruikt.

Wie weet hoe dit kan of komt?

code:

<img src='/data/<?= $md['uid']; ?>/avatar.png' align="left" class="img-rounded myAvatar" style="margin-right: 20px"/>
<input type="file" name="newAvatar" id="newAvatar" style="display:none;" />
<script>
$(".myAvatar").click(function() {
    $("#newAvatar").trigger("click");

});

$("#newAvatar").change(function() {
    var file = this.files[0];
    var reader = new FileReader();
    var pic = "no";
    
    reader.onload = function (e) {
        $('.myAvatar').attr('src', e.target.result);
        $('.myAvatar').attr('width', 144);
        $('.myAvatar').attr('height', 144);
    }
    reader.readAsDataURL(this.files[0]);
    
 if (file)
    {
        if(file.name.length < 1) {

        }
        else if(file.size > 1000000) {
            alert("File is to big");
        }
        else if(file.type != 'image/png' && file.type != 'image/jpg' && !file.type != 'image/gif' && file.type != 'image/jpeg' ) {
            alert("File doesnt match png, jpg or gif");
        }
        else
        {
            pic = file.name;
        }
    }

    if (pic != "no")
    {
    //alert ('okey1');
    

    
        $.ajax({
            type:"POST",
            url:"/uploadimg.php",
            data: {f : file},
            success: function(str){
                alert(str);
                console.log(str);
                document.getElementById("response").innerHTML = str;
                refresh();
            }
           
        });
        
        }   
    
});
</script>

[BtM909]

Je weet wat debuggen betekent right? Dus simplificeren totdat het wel werkt? En toen?

[Verwijderd]

Wat gebeurd er in je php file? Wat zegt je console?

document.getElementById("response").innerHTML = str;

Waarom dit als je jQuery hebt?
$("#response").html(str);

[Exception]

In je console (Chrome/F12), rechtermuisknop en Log XMLHttpRequests even aanvinken. Dan zie precies wat voor "ajax"-verkeer er is. Misschien zie je dan wat er fout gaat?

[_Thanatos_]

Je probeert een file object mee te sturen in een XHR request. Laatste keer dat ik heb gekeken, kon dat niet.