suchen

Heim >Web-Frontend >js-Tutorial >JS等比例缩小图片尺寸的实例_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:41:181159Durchsuche

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

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

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

JS部分

复制代码 代码如下:



HTML调用部分

复制代码 代码如下:

 JS等比例缩小图片尺寸的实例_javascript技巧
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：jQuery:节点(插入,复制,替换,删除)操作_jqueryNächster Artikel：JS获取后台Cookies值的小例子_javascript技巧

In Verbindung stehende Artikel

Mehr sehen