jQuery n'utilise pas de plug-ins ni de swf pour obtenir un fichier upload_jquery sans actualisation

Le téléchargement de fichiers est une fonction couramment utilisée sur les sites Web, comme la fonction de téléchargement de pièces jointes ou d'images. Il existe aujourd'hui de nombreuses solutions pour télécharger des fichiers sans les actualiser via jQuery.

Tout d'abord, nous mettons un formulaire sur la page pour télécharger des fichiers :

Copier le code Le code est le suivant :

enctype="multipart/form-data" target="asyncTarget">
Fichier :

Ensuite, mettez une iframe dans la page et actualisez l'iframe uniquement lors du téléchargement, pas la page Web entière :

Copier le code Le code est le suivant :

Ensuite, utilisez js pour ajouter des fonctionnalités au bouton :

Copier le code Le code est le suivant :

<script><br> $(fonction () {<br>            $("#btnUpload").click(function () {<br>                 $("#myForm").submit();<br>         });<br> });<br> </script>

Envoyez le formulaire lorsque vous cliquez sur le bouton.

Cette solution peut facilement implémenter le téléchargement de fichiers sans actualisation. Son idée de mise en œuvre est la suivante : soumettre le formulaire à une iframe, et les autres traitements sont les mêmes que la soumission de formulaire ordinaire.

Ce qui doit être amélioré dans cette solution, c'est comment déterminer quand le téléchargement est terminé. Actuellement, il n'y a qu'une seule idée : surveiller l'état de préparation de l'iframe via js, puis analyser le contenu de l'iframe.