上传多张图片预览

js代码借鉴了别人的,完善了一下,变成多张上传了
这里的input用a包裹是为了改变它原本的样式,我的其他随笔中有
<div class="d-row">
    <div class="sfz-bg">
        <img>
    </div>
    <a href="javascript:;" class="a-upload">
        　<input type="file" name="file" value="" id="file-input" onchange="previewFile(this)">请选择文件上传
    </a>
</div>
<div class="d-row">
    <div class="sfz-bg">
        <img>
    </div>
    <a href="javascript:;" class="a-upload">
        　<input type="file" name="file" value="" id="file-input" onchange="previewFile(this)">请选择文件上传
    </a>
</div>

function previewFile(fileInput) {
    var preview = fileInput.parentNode.parentNode.getElementsByTagName('img')[0];
    var file = fileInput.files[0];
    var reader = new FileReader();
    reader.onloadend = function () {
        preview.src = reader.result;
    }
    if (file) {
        reader.readAsDataURL(file);
    } else {
        preview.src = "";
    }
}