communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > le corps du texte

js实现上传图片之上传前预览图片_javascript技巧

WBOY
Libérer： 2016-05-16 17:39:34
original
1080 Les gens l'ont consulté

上传图片对图片进行一下预览，可以了解图片上传后大概会是什么样子，此功能用js实现，然后在fileupload控件的change事件中调用，这样当用fileupload选择完图片以后，图片就会自动显示出来了。功能很简单，却很实用。

预览图片的js代码：

复制代码 代码如下:



fileupload控件及用来预览图片的image：
复制代码 代码如下:


预览图片




功能很简单，代码也很易懂，相信不用我多废话大家也能看懂吧。感觉写这样的文章，真的没啥好说的，不多说，还是把重点放在代码上吧。
Étiquettes associées：
上传图片
source：php.cn
Article précédent：Js过滤空格的实现代码_javascript技巧 Article suivant：使用JavaScript构建JSON格式字符串实现步骤_javascript技巧
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
Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
Depuis 2024-04-06 18:16:26
0
1
403
La mise à jour du statut ne fonctionne pas dans React-Native sur Android J'ai du code qui contient des paires d'images dans une galerie horizontale pouvant être gl...
Depuis 2024-04-06 16:54:10
0
1
410
la boucle for passe aléatoirement de 1 à 0 Fondamentalement, chaque fois que la page est actualisée, la boucle for a le potentiel de ...
Depuis 2024-04-06 16:48:14
0
1
393
Utiliser Eloquent pour les requêtes internes L'adresse de l'image contient l'emplacement et le nombre total d'utilisateurs. Utilisateur...
Depuis 2024-04-06 16:45:50
0
1
515
Comparez Imagick, Adobe Photoshop et Windows - Détecter la résolution (pixels par centimètre ou pixels par pouce) Ce n'est pas une question mais une tentative d'améliorer ma compréhension de la façon dont...
Depuis 2024-04-06 16:01:27
0
1
397
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