<div class="upload-wrap"> <!--<div>添加图片(限4张)</div>--> <ul class="upload am-cf am-gallery" data-am-widget="gallery" data-am-gallery="{ pureview: true }"> <li class="upload-btn"> <img src="../assets/img/add.png" class="img"> <input type="file" class="j-file-cert" name="temp_file" /> </li> </ul> </div>
function uploadImg(cls,num) { var count = 0; $(cls).on('change', function(e) { count++; if(count < (num + 1)) { var that = $(this); if(!window.FileReader) return; e.stopPropagation(); e.preventDefault(); var file = e.target.files[0]; var content = ''; if(!file.type.match('image.*')) { alert('文件' + f.name + '不是图片') return; } var reader = new FileReader(); reader.onload = function(e) { content = '<li>' + '<img class="j-image" src="' + e.target.result + '">' + '<i class="icon-close"></i>' + '</li>' that.parent().before(content); // 删除上传图片 $('.upload').on('click', '.icon-close', function() { $(this).parent().remove(); var tue = $(this).siblings().attr('src'); if(count > 0) { count--; } }); } reader.readAsDataURL(file); } else { mask('最多传4张图片'); count = num; return false; } }); };