javascript - Comment soumettre un formulaire avec des images en utilisant la méthode de publication Ajax

Question

<form>
    <input name="xxxx" type="text">
    <input name="images" type="file" multiple="multiple" >
</form>

Étant donné qu'il y a plusieurs images dans le deuxième formulaire, comment soumettre les données des deux formulaires ci-dessus ensemble lorsque vous utilisez la méthode de publication ajax pour soumettre le formulaire ?

Answer 1

Utilisez formData

Answer 2

Demandez au backend ! Généralement, la clé renvoyée par le téléchargement de l'image est donnée au backend et le formulaire est défini par le backend.

Answer 3

Utilisez html5 pour convertir l'image en BASE64, puis remettez-la en arrière-plan via ajax. L'arrière-plan convertit l'image au format image et la stocke sur le serveur via base64.
Vous pouvez vous référer à ce manuel
http://www.zhangxinxu.com/wor...

Answer 4

L'encodage Base64 est la bonne solution lors du téléchargement d'images.

Answer 5

Ce qui précède ne sont que des idées, je propose une méthode plus simple, en utilisant ajaxsubmit, plug-in

Answer 6

Ne convertissez pas en base64, cela augmentera de 1/3. Les navigateurs qui prennent en charge le dessin de l'image dans l'entrée sur le canevas, puis la récupération en base64 doivent déjà prendre en charge xhr2.0 ou l'API de récupération.

Answer 7

Créez un objet formdata, attribuez une valeur à l'objet et soumettez l'objet formdata sous forme de données ajax
Il est recommandé de jeter un œil à ceci
http://www.ruanyifeng.com/blo...

.

Answer 8

Le téléchargement de fichiers nécessite généralement soit la soumission directe d'un formulaire (mais la page entière sera actualisée, et une actualisation partielle peut être réalisée en l'intégrant dans une iframe), qui sera analysée par le backend lui-même ou téléchargée conformément au w3c ; formData standard, ce qui est également le cas des plug-ins généraux. Deux façons

.