Javascript 使用FileReader（）设置img src属性时显示微调器

我使用以下代码读取图像文件，并将结果设置为图像属性的src

 document.getElementsByClassName("upload-image"),
    function(fileElement) {
        var previewElement = document.createElement("img");
        previewElement.style.display = "block";
        fileElement.parentNode.insertBefore(previewElement, fileElement);

        var fileReader = new FileReader();

        fileReader.onload = function(event) {
            previewElement.src = event.target.result;
        };

        fileElement.addEventListener("change", updateImagePreview, false);
        updateImagePreview();

        function updateImagePreview() {
            var file = fileElement.files[0];
            if (file) {
                fileReader.readAsDataURL(file);
            } else {
                var placeholderSrc = fileElement.getAttribute("data-placeholder");
                if (placeholderSrc) {
                    previewElement.src = placeholderSrc;
                } else {
                    previewElement.removeAttribute("src");
                }
            }
        }
}

这工作得很好，但是我知道设置实际图像src和显示图像需要一些时间

---

我是否可以检测图像src何时设置、加载并准备好显示？

你的意思是尽管

onload

？我的意思是我没有想过使用onload，谢谢。