Comment puis-je résoudre les problèmes courants de téléchargement d'images Ajax ?

Ajax Télécharger l'image

Questions et réponses

Q1. Ajax ne parvient pas à télécharger l'image

Votre code Ajax initial semble manquer d'éléments cruciaux. Pour activer la soumission du formulaire, vous devez inclure des fonctions de réussite et d'erreur dans votre appel Ajax.

Solution :

Modifiez votre code Ajax comme suit :

$(document).ready(function (e) {
    $('#imageUploadForm').on('submit',(function(e) {
        e.preventDefault();
        var formData = new FormData(this);

        $.ajax({
            type:'POST',
            url: $(this).attr('action'),
            data:formData,
            cache:false,
            contentType: false,
            processData: false,
            success:function(data){
                console.log("success");
                console.log(data);
            },
            error: function(data){
                console.log("error");
                console.log(data);
            }
        });
    }));
});

Q2. Déclencher le téléchargement lors de la sélection de fichiers

Pour que la fonction de téléchargement se déclenche immédiatement lorsqu'un fichier est sélectionné, vous devez modifier l'entrée HTML.

Solution :

Ajoutez ce qui suit à votre HTML :

<input type="file">

Cela soumettra le formulaire et déclenchera le processus de téléchargement une fois qu'un fichier est sélectionné.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!