以下是一个使用Angular删除预览图片的示例代码:
imageUrl: string;
deleteImage() {
this.imageUrl = null;
}
onFileChange(event) {
const reader = new FileReader();
if (event.target.files && event.target.files.length) {
const file = event.target.files[0];
reader.readAsDataURL(file);
reader.onload = () => {
this.imageUrl = reader.result as string;
};
}
}
通过以上代码,当用户选择一个图片时,它会显示在预览区域中。当用户点击“Delete Image”按钮时,图片会被从预览中删除。