js实现图片选中马上显示功能,选择后可以预览,即选即显
2024-09-06 14:16:51
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="file" onchange="show(this)"/>
<img id="img" src="">
<script>
function show(file){
var reader = new FileReader(); // 实例化一个FileReader对象,用于读取文件
var img = document.getElementById('img'); // 获取要显示图片的标签 //读取File对象的数据
reader.onload = function(evt){
img.width = "80";
img.height = "80";
img.src = evt.target.result;
}
reader.readAsDataURL(file.files[0]);
}
</script>
</body>
最新文章
- top 10 tipis on Logging in Java- Tutorial (翻译)
- Centos 6.5 下php5.6.2 的编译安装
- [BZOJ2788][Poi2012]Festival
- Java 调用 Javascript 函数的范例
- 属性通知之INotifyPropertyChanged
- Android远程图片获取和本地缓存
- 流行的MySql版本
- Js 插件修改及优化总结
- ORACLE SQL单行函数(一)【weber出品必属精品】
- IAR Embedded Workbench for ARM 6.50.6 &; 6.60.1 破解补丁
- Okhttp设置http缓存,在没有网络的情况下加载http缓存里面的内容
- 【NOIP2013】华容道(最短路)
- CountDownLatch与thread-join()的区别
- Sql Server 镜像相关
- CSS3 之 童年的纸飞机
- numpy/pandas时间互相转换
- MySQL事务锁问题-Lock wait timeout exceeded
- SQL Server双机热备之后项目的FailOver自动连接
- Swift5 语言指南(二十八) 高级运算符
- node-webkit开发桌面应用