简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison> interface Web> js tutoriel> le corps du texte

ajax实现上传图片保存到后台并读取的实例（图文教程）

亚连
Libérer： 2018-05-21 17:07:02
original
3119 Les gens l'ont consulté

下面我就为大家分享一篇ajax实现上传图片保存到后台并读取的实例，具有很好的参考价值，希望对大家有所帮助。

上传图片有两种方式：

1.fileReader 可以把图片解析成base64码的格式，简单粗暴

2.canvas 可以重新绘制一张图片，可以先把获取得到的图片的blob放进canvas里面，再生成宽高和透明度的图片，然后转成相应的类型传到后台，目前支持png和jpeg格式。

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

Ajax处理用户session失效

Ajax使用原理分析

Ajaxupload多文件上传

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!

Étiquettes associées：
ajax 保存 图片
source：php.cn
Article précédent：JS基础-Math数组Date Article suivant：实现ajax发送异步请求（图文教程）
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Diffusez des données depuis l'API d'OpenAI à l'aide d'AJAX, PHP et d'événements envoyés par le serveur. Comment puis-je utiliser les événements envoyés par le serveur (SSE) pour diffuser des don...
Depuis 2023-11-11 12:03:23
0
1
497
" class="wdcdcTitle">Erreur de syntaxe non détectée lors de l'analyse de JSON lors de la réponse à l'aide d'une requête AJAX : jeton inattendu '<', "
 Je crée une liste déroulante en utilisant datefrom et dateto, puis j'affiche les dates ent...
Depuis 2023-11-01 10:06:57
0
1
269
Exécuter PHP sans quitter la page J'ai un formulaire - zone de texte (nommée su) et un bouton de soumission. Une fois le for...
Depuis 2023-10-23 19:05:06
0
1
285
JavaScript permet d'accéder aux propriétés personnalisées CSS (également appelées variables CSS) Comment obtenir et définir des propriétés personnalisées CSS (propriétés accessibles via v...
Depuis 2023-10-20 22:42:04
0
2
244
Vue 2 - Avertissement concernant le changement d'accessoires J'ai commencé la série https://laracasts.com/series/learning-vue-step-by-step. J'ai arrêté...
Depuis 2023-10-13 10:49:44
0
2
217
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！