基于javascript代码实现通过点击图片显示原图片
JavaScript的奇妙世界：点击图片实现原图片预览
亲爱的开发者朋友们，今天我将向大家介绍一种基于JavaScript的实用技巧，即通过点击图片实现原图片的预览功能。如果你对这方面感兴趣，不妨继续往下看。
让我们来看一下具体的代码实现。当你点击一张图片时，下面的JavaScript函数将帮助你显示原图片的相关信息。
```javascript
function DrawImage(ImgD) {
var image = new Image();
image.src = ImgD.src;
var width = $(ImgD).attr("width");
var height = $(ImgD).attr("height");
if (width > 100 && height > 80) {
ImgD.width = 100;
ImgD.height = 80;
ImgD.alt = "Original Size: " + image.width + "×" + image.height;
} else {
if (image.width > 0 && image.height > 0) {
if (image.width > 300 || image.height > 200) {
ImgD.width = image.width / 2;
ImgD.height = image.height / 2;
ImgD.alt = "Scaled Size: " + image.width + "×" + image.height;
} else {
ImgD.width = image.width;
ImgD.height = image.height;
ImgD.alt = "Original Size";
}
}
}
}
```
接下来，让我们来看一下另一个关于图片上传及时预览的实用技巧。这个功能对于网站的用户体验来说非常重要，尤其是像狼蚁这样的网站，对SEO优化有着极高的要求。
在HTML页面中，我们可以通过以下代码实现图片上传后的本地预览功能：
```html