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
}
}
JS本地上传图片回显至页面
于 2022-03-11 14:40:30 首次发布