在页面即时显示要上传图片的缩略图
来源:互联网 发布:知乎运动会加油稿 编辑:程序博客网 时间:2024/04/28 20:41
<table height="55">
<tr>
<td class="Tright"><img id="viewImg" src="<%=basePath+PropertiesUtil.getKeyValue("default.vcard.head") %>" width="50" height="50"/></td>
<td width="65%">头像上传:<input id="viewFiles" name ="headImage" type="file" style="width:100%"/></td>
<td width="10%"></td>
</tr>
</table>
具体实现的js
(function () {
var viewFiles = document.getElementById("viewFiles");
var viewImg = document.getElementById("viewImg");
function viewFile (file) {
//通过file.size可以取得图片大小
var reader = new FileReader();
reader.onload = function( evt ){
viewImg.src = evt.target.result;
}
reader.readAsDataURL(file);
}
viewFiles.addEventListener("change", function () {
//通过 this.files 取到 FileList ,这里只有一个
viewFile(this.files[0]);
}, false);
})();
- 在页面即时显示要上传图片的缩略图
- 上传图片,即时显示缩略图
- 图片的即时上传显示
- 上传图片即时显示
- 上传图片即时显示
- 上传图片 即时显示
- 图片上传 显示缩略图
- 图片上传 显示缩略图
- 图片上传显示缩略图
- html上传图片后,在页面显示上传的图片
- 一个实现图片上传/产生缩略图/在上传图片上写字功能的完整页面代码
- JSP页面,实现上传图片即时显示效果
- HTML上传即时显示图片
- hchxxzx--》一个实现图片上传/产生缩略图/在上传图片上写字功能的完整页面代码
- 将多个图片上传,并在另外的页面显示
- 设置上传图片在显示页面的宽度
- Django1.4上传图片无法在页面显示的问题
- 上传图片并在页面显示的一些问题
- 中国已成为捷豹路虎最大市场
- 设计模式C++实现(9)——享元模式
- 设计模式C++实现(10)——桥接模式
- WhatsApp的190亿估值高不高?
- 设计模式C++实现(11)——装饰模式
- 在页面即时显示要上传图片的缩略图
- 对进程地址空间的一点认识
- 设计模式C++实现(12)——备忘录模式
- WebBrowser中如何准确判断整个页面完全加载完成
- 2.关于Cocos2d-x触屏事件的一些记录。
- 设计模式C++实现(13)——中介者模式
- php面向对象静态和非静态
- 【转】Handler有可能引起内存溢出
- 九度OJ 1402 特殊的数 -- 位操作