function addWorks() { $('#form-mod').find('input:file').change(function () { var files = $(this)[0].files; var workLen = $('a[name=remove]').length; if (files.length + workLen > 8) { layer.alert('最多展示八个作品'); return false; } if (files && files[0]) { $('div[name=newPic]').remove(); var pictures = ''; for (var i = 0; i < files.length; i++) { pictures += '<div name="newPic" class="avatar size-XXXL">' + '<img src="' + URL.createObjectURL(files[i]) + '" class="img-responsive">' + '</div>'; } $(pictures).insertBefore('a[name=addPic]'); } }); }
<div class=" form-group col-md-12 "> <label class="form-label col-md-2">图片:</label> <div class="formControls col-md-8 static"> <a name="addPic" href="javascript:;" class="btn bg-fff radius"> <i class="Hui-iconfont"></i> 添加 <input type="file" name="file" class="input-file file-mod" accept="image/*"> </a> </div> </div>