javascript 上传前预览图像

Posted 2021-05-03

function preview_image(event) {
    var reader = new FileReader();
    reader.onload = function () {
        var output = document.getElementById('user_thumbnail');
        var fileuploadIcon = document.getElementById("file_upload_icon");
        output.style.backgroundImage = "url('" + reader.result + "')";
        output.firstElementChild.style.display = "none";
        fileuploadIcon.style.marginTop = "45px";
    }
    reader.readAsDataURL(event.target.files[0]);
}