JS本地上传图片回显至页面

export const IMG_FILE_SUFFIX_NAME = ['jpeg', 'jpg', 'png', 'bmp']

const uploadImgToCoverOldAvatar = () => {
        const uploadElement = document.createElement('input');
        uploadElement.setAttribute('type', 'file');
        uploadElement.addEventListener('change', (e :any) => {
            try {
                const targetFile = e.target.files[0]
                if (isImgFile(targetFile)) {
                    const reader = new FileReader();
                    reader.readAsDataURL(targetFile);
                    reader.onload = (event :any) => {
                        setAvatarImg(event.target.result)
                    };
                } else {
                    message.error('当前图片类型不支持！').then(data => {
                        console.log(data)
                    })
                }
            } catch (e :any) {
                message.error('头像上传异常，请稍后重试！').then(data => {
                    console.log(e)
                })
            }
        })
        uploadElement.click()
    }

    const isImgFile = (file :any) :boolean =>  {
        try {
            const suffix = file.name.substring(file.name.indexOf('.') + 1).toLocaleLowerCase();
            return IMG_FILE_SUFFIX_NAME.includes(suffix)
        } catch (e :any) {
            console.log(e)
            return false
        }
    }