JQ图片文件上传之前预览功能
2024-09-14 15:55:21
1、先准备一个div
onchange触发事件
<input type="file" onchange="preview(this)" ></span>
<div id="preview"></div>
2、写JS代码
//上传图片之前预览图片
function preview(file){
if (file.files && file.files[0]){
var reader = new FileReader();
reader.onload = function(evt){
$("#preview").html('<img src="' + evt.target.result + '" width="95px" height="50px" />');
}
reader.readAsDataURL(file.files[0]);
}else{
$("#preview").html('<div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\'' + file.value + '\'"></div>');
}
}
最新文章
- 【先定一个小目标】Windows下安装MongoDB 3.2
- 用canvas开发H5游戏小记
- Oracle RMAN备份恢复指导书
- 多线程同步 wait notify
- lintcode: 旋转图像
- 使用Topshelf创建Windows 服务
- iOS--iOS7摄像头识别二维码功能
- Objective-C学习篇09—NSNumber与笑笑语法
- 【逻辑漏洞】基于BurpSuite的越权测试实战教程
- 关于外网无法访问阿里云主机CentOs
- 各种官网系统镜像文件（Windows 7 ，Windows 10，Ubuntu 18.6，Centos 6.8 ，Centos 7.6 ）
- hdu2036
- 给sublime设置格式化代码的快捷键
- mybatis Condition查询
- IP、端口号、MAC
- virtualbox下centos虚拟机安装增强工具教程和常见错误解决
- 解决DbContext对象创建问题
- img-图片二进制流 64位前端显示
- luogu P1642 规划
- JSP页面中的Meta标签详解