预览多张图片

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">&#xe600;</i> 添加
                        <input type="file" name="file" class="input-file file-mod" accept="image/*">
                    </a>
                   
                   	
                </div>
</div>