不刷新,点击上传图片,传完图片后,这个页面即刻显示图片?
2006-11-07 14:53
597 查看
<input type="file" onchange="show.src=this.value" name="img">
<img id="show"/>
顯示後還要形成縮略圖:
js:
function setImgSize(imgID,maxWidth,maxHeight)
var img = document.images[imgID];
if(maxWidth < 1)
if(img.height > maxHeight)
img.height = maxHeight;
}
return true;
}
if(maxHeight < 1)
if(img.width > maxWidth)
img.width = maxWidth;
}
return true;
}
if(img.height > maxHeight || img.width > maxWidth)
if((img.height / maxHeight) > (img.width / maxWidth))
img.height = maxHeight;
}
else
img.width = maxWidth;
}
return true;
}
}
調用:
<script language="javascript" type="text/javascript" src="setImgSize.js"></script>
<img alt="" id="img1" onload="setImgSize('img1',150,0);" src="http://img.poco.cn/photo/20060602/972374149620060602140117_1.jpg" />
<img id="show"/>
顯示後還要形成縮略圖:
js:
function setImgSize(imgID,maxWidth,maxHeight)
var img = document.images[imgID];
if(maxWidth < 1)
if(img.height > maxHeight)
img.height = maxHeight;
}
return true;
}
if(maxHeight < 1)
if(img.width > maxWidth)
img.width = maxWidth;
}
return true;
}
if(img.height > maxHeight || img.width > maxWidth)
if((img.height / maxHeight) > (img.width / maxWidth))
img.height = maxHeight;
}
else
img.width = maxWidth;
}
return true;
}
}
調用:
<script language="javascript" type="text/javascript" src="setImgSize.js"></script>
<img alt="" id="img1" onload="setImgSize('img1',150,0);" src="http://img.poco.cn/photo/20060602/972374149620060602140117_1.jpg" />
相关文章推荐
- 不刷新页面实现图片上传,并在指定位置显示
- 可预览的多图片上传(不用刷新页面)
- JSP页面使用文件上传图片并且回传显示的注意事项
- extjs 页面显示上传文件名,并点击下载
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- html 点击选择本地文件(图片)显示和上传
- vue中使用axios post上传头像/图片并实时显示到页面的方法
- 用iframe实现不刷新整个页面上传图片的实例
- Struts2上传图片到Mysql数据库中,以及显示到页面
- 页面验证码的显示与点击刷新问题
- 上传图片到服务器,服务器保存并且接收到了,但是必须刷新文件夹或者重新部署文件才能在客户端显示图片
- <input type='file' />选择图片不上传,在页面中显示的功能。
- c# asp.net 使用kindeditor在服务器上不能显示上传图片的页面等解决办法
- TP3.2无刷新图片上传并显示
- 关于使用ueditor编辑器--ueditor文件夹与编辑器初始化页面不在同一目录下,上传图片显示问题
- jquery ajax向服务器端上传图片并依次显示到页面
- F5刷新网页时,出现了“如要再次显示该网页,web浏览器需要重新发送你以前提交的信息...要点击重试",如何不让出现这个对话框的解决方案
- 【ASP.NET 进阶】图片自动上传和局部刷新显示
- asp.net 图片批量上传预览,在Silverlight页面中读取并滚动显示
- 页面刷新跳转后,导航栏高亮显示跳转前的点击位置