如何将<Input>标签放在<img>标签内

我只是想知道如何将标签放入其中,以便当我点击图像时标签被激活.我正在使用angular 4和bootstrap 4.这是我的代码:

TypeScript方法组件:

onFileChange(event) {
      this.loading=true;
      let reader = new FileReader();
      if(event.target.files && event.target.files.length > 0) {
        this.photo = event.target.files[0];
        reader.readAsDataURL(this.photo);
        reader.Onload= (event: any) => {
          this.image=event.target.result;
          console.log(this.image);
        }
      }
    }

我提醒你,我想要的是点击图片,我可以在文件系统中选择另一个来更改它.

非常感谢!

问:如何在输入标签内放置img标签？

答:你不要.这不是合法的HTML!

但是,您可以将两者放在一个

.image-upload > input
{
    display: none;
}