input file图片预览
来源:互联网 发布:unity3d弯折 编辑:程序博客网 时间:2024/06/05 23:49
html:
<div >
<a class="adda"><input class="imgx" name="img" type="file" multiple="multiple"></a>
</div>
js:
$(".imgx").change(function () {
var fil = this.files
for(var i=0;i<fil.length;i++)
{
var rea = new FileReader();//这个对象的readAsDataURL方法可以读取图像文件
rea.readAsDataURL(fil[i]);
rea.onload = function () {
var img = $('<a class="imga"><img src="'+ rea.result + '" alt="" class="zs"></a>');
img.insertBefore($(".adda"))//这里是把拼接的html插入进去 就能预览图片了
}
}
})
阅读全文
0 0
- input file 预览图片
- input file图片预览
- input file上传图片预览
- input file 上传图片预览
- input file上传图片预览
- input file 及时预览图片 成功案例
- input file 实现图片预览效果
- 读取input file路径预览图片
- JS input file图片上传预览效果
- input file图片预览 兼容ie8+
- <input type="file"/>实现图片预览
- 上传图片时,Input file图片预览的实现
- jquery input file show image preview 预览图片
- [js实例] input type=file 上传图片预览 createObjectURL
- HTML5 input file 图片上传,压缩,上传,预览
- input file 预览图片、上传后清空选择文本框信息
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- iOS 后台下载及管理库
- keras上手系列之:序列到序列预测问题
- 实现全选效果
- html&tomcat
- 图像拼接和图像融合技术
- input file图片预览
- 树莓派装上samba, 方便文件传输
- linux下mysql环境搭建
- hibernate_day04_01_hibernate查询方式介绍
- 扫雷 (防止第一次被炸死和展开)
- ubuntu 16.04 LTS
- POJ-1995 Raising Modulo Numbers(快速幂简单应用)
- 虚函数表
- Failed to resolve:aar