communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > JS等比例缩小图片尺寸的实例_javascript技巧

JS等比例缩小图片尺寸的实例_javascript技巧

WBOY
Libérer： 2016-05-16 17:41:18
original
1139 Les gens l'ont consulté

为了提升用户体验，网站用户在上传图片的时候，我们不能够让用户自己去处理图片以达到我们的要求。

而通常像淘宝上商品实物展示这样的页面，我们需要控制的主要是图片的宽度。

又考虑到html页面解析顺序可能导致的一些问题，决定通过定义一个简单的功能函数，然后在img元素中添加onload事件来调用的方式进行实现，代码如下：

JS部分

复制代码 代码如下:



HTML调用部分

复制代码 代码如下:

 JS等比例缩小图片尺寸的实例_javascript技巧
Étiquettes associées：
等比例 缩小图片
source：php.cn
Article précédent：jQuery:节点(插入,复制,替换,删除)操作_jquery Article suivant：JS获取后台Cookies值的小例子_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
PHPUnit peut-il comparer strictement deux tableaux contenant des objets en utilisant des assert égaux ? J'ai deux tableaux d'objets. Je veux tester si ces deux tableaux sont égaux, mais en utili...
Depuis 2024-04-05 13:35:37
0
1
1382
Comment personnaliser le code HTML pour modifier rapidement le contenu J'ai créé un site Web sur lequel je souhaite modifier constamment les données. Cela signif...
Depuis 2024-04-04 21:08:14
0
1
3462
Récupérer les valeurs associées imbriquées dans MySQL J'essaie de récupérer des valeurs associées en fonction de plusieurs entrées dans une base...
Depuis 2024-04-04 17:29:06
0
2
365
Connectez votre compte et obtenez vos tokens facilement avec le simple bouton de DocuSign J'utilise la version SDK et j'obtiens presque ce que je veux, mais ce n'est pas encore cla...
Depuis 2024-04-04 15:46:02
0
1
396
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