masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > JS等比例缩小图片尺寸的实例_javascript技巧

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

WBOY
Lepaskan： 2016-05-16 17:41:18
asal
1140 orang telah melayarinya

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

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

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

JS部分

复制代码 代码如下:



HTML调用部分

复制代码 代码如下:

 JS等比例缩小图片尺寸的实例_javascript技巧
Label berkaitan：
等比例 缩小图片
sumber：php.cn
Artikel sebelumnya：jQuery:节点(插入,复制,替换,删除)操作_jquery Artikel seterusnya：JS获取后台Cookies值的小例子_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Bolehkah PHPUnit membandingkan dengan ketat dua tatasusunan yang mengandungi objek menggunakan assert equals? Saya mempunyai dua tatasusunan objek. Saya ingin menguji sama ada kedua-dua tatasusunan in...
daripada 2024-04-05 13:35:37
0
1
1382
Bagaimana untuk menyesuaikan kod HTML untuk mengubah suai kandungan dengan cepat Saya telah mencipta tapak web di mana saya ingin sentiasa mengubah suai data. Ini bermakna...
daripada 2024-04-04 21:08:14
0
1
3462
Dapatkan nilai berkaitan bersarang dalam mysql Saya cuba mendapatkan semula nilai berkaitan berdasarkan berbilang entri dalam pangkalan d...
daripada 2024-04-04 17:29:06
0
2
365
Sambungkan akaun anda dan dapatkan token anda dengan mudah dengan butang mudah DocuSign Saya menggunakan versi sdk dan hampir mendapat apa yang saya mahu, tetapi masih belum jela...
daripada 2024-04-04 15:46:02
0
1
396
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan