input file 多张图片上传 获取地址 ——fileReader
//上传图片
$('#files').change(function(e){
var fil = this.files;
var m =0;
if(fil.length>3){
alert('重新选择')
}else{
for (var i = 0; i < fil.length; i++) {
if($('.img_list img').length>=3){
alert('最多只上传三张')
break;
}else{
reads(fil[i]);
}
}
}
})
function reads(fil){
var reader = new FileReader();
reader.readAsDataURL(fil);
reader.onload = function(){
//document.getElementsByClassName("img_list")[0].innerHTML += "<img src='"+reader.result+"'><span></span>";
$('.img_list').append("<img src='"+reader.result+"'><span class='close'></span>")
for(var i=0;i<$('.close').length;i++){
$('.close').click(function(){
console.log($(this).prev())
$(this).prev().remove()
$(this).remove()
})
}
};
};
最新文章
- Oracle学习之路-- 案例分析实现行列转换的几种方式
- MySQL的简单使用和JDBC示例
- 瘋子C++笔记
- Xamarin Anroid开发教程之验证环境配置是否正确
- 解决下载Android Build-tools 19.1.0失败
- VIPServer VS LVS
- Linux命令初步了解
- hibernate的集合映射(详细笔记)
- firewall服务配置
- alpha-咸鱼冲刺day6
- Linux网络文件系统的实现与调试
- 第10章 使用密码保护API - Identity Server 4 中文文档(v1.0.0)
- 移动端ios下H5的:active样式失效的解决方法
- Linux下mysql定时自动备份并FTP到远程脚本
- Java中的引用传递和值传递
- POJ3580 SuperMemo
- 微信小程序入门篇
- JSON与JAVA数据的转换-----从3,23到现在5.25才过去2个月,感觉时间过得那么漫长
- Spring Cloud Summary
- js中一切都是对象