<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>发布微生活</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="css/mui.css" />
<link rel="stylesheet" href="css/news.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/localResizeIMG.js"></script>
<script type="text/javascript" src="js/patch/mobileBUGFix.mini.js"></script>
</head>
<body>
<h3>点击下方添加图片</h3>
<div class="release_up_pic">
<div class="up_pic">
<span id="chose_pic_btn" style="">
<input type="file" accept="image/*" />
</span>
</div>
</div>
<script>
var picArr = new Array();// 存储图片
$('input:file').localResizeIMG({
width:800,// 宽度
quality: 0.5, // 压缩参数 1 不压缩 越小清晰度越低
success: function (result) {
var img = new Image();
img.src = result.base64;
var _str = "<span class='pic_look' style='background-image: url("+ img.src + ")'><em id='delete_pic'>-</em></span>"
$('#chose_pic_btn').before(_str);
var _i = picArr.length
picArr[_i] = result.base64;
// picArr[_i] = _i;
console.log(picArr)
}
});
// 删除
$(document).on('click', '#delete_pic', function(event) {
var aa = $(this).parents(".pic_look").index();
picArr.splice(aa,1);
$(this).parents(".pic_look").remove();
console.log(picArr);
});
</script>
</body>
</html>
jQuery实现手机端点击添加多张图片上传插件特效源码.zip （7个子文件） 
132686914331208072 likecs.com_132686914333550323 css 
news.css 2KB mui.css 939B images 
add.png 309B
index.html 2KB js jquery.min.js 91KB mobileBUGFix.mini.js 10KB patch mobileBUGFix.mini.js 10KB资源评论
易小侠
- 粉丝: 6551
- 资源: 9万+
