Html:通过单击同一图像来更改图像

Html:通过单击同一图像来更改图像,html,css,angular,typescript,Html,Css,Angular,Typescript,伙计们,我想通过点击当前图片来选择图片 这是我的密码url包含默认图像。我想改变我的当前图像点击,当使用点击它,他可以选择新的图像。如果没有,这可能吗 onFileChanged(事件){ if(event.target.files&&event.target.files[0]){ var reader=new FileReader(); reader.readAsDataURL(event.target.files[0]); reader.onload=(事件)=>{// this.url=

伙计们,我想通过点击当前图片来选择图片

这是我的密码<代码>url包含默认图像。我想改变我的当前图像点击,当使用点击它,他可以选择新的图像。如果没有
,这可能吗

onFileChanged(事件){
if(event.target.files&&event.target.files[0]){
var reader=new FileReader();
reader.readAsDataURL(event.target.files[0]);
reader.onload=(事件)=>{//
this.url=event.target.result;
}
}
}

您需要一个隐藏的文件输入字段

<input type="file" hidden  (change)="onFileChanged($event)" #file>
<img [src]="url" *ngIf="url" (click)="file.click()" width="200" />


对于工作示例检查,您需要一个隐藏的文件输入字段

<input type="file" hidden  (change)="onFileChanged($event)" #file>
<img [src]="url" *ngIf="url" (click)="file.click()" width="200" />


例如,检查

至少需要隐藏文件输入字段才能获得结果至少需要隐藏文件输入字段才能获得结果