单击图标时打开图像对话框答案

【问题标题】：Open image dialog box when click on icon单击图标时打开图像对话框
【发布时间】：2018-11-02 01:27:37
【问题描述】：

<label class="label" data-toggle="tooltip" title="Change your avatar">
<img class="rounded" id="avatar" src="https://avatars0.githubusercontent.com/u/3456749?s=160" alt="avatar">
       <input type="file" class="sr-only" id="input" name="image" accept="image/*">
     </label>

单击图像时打开选择图像对话框如何将其变为图标。点击图标时弹出！

<label class="btn-aux" data-toggle="tooltip" title="Change your avatar" for="profile_image" style="cursor: pointer;"><i class="ion ion-edit"></i>
         <input type="file" class="sr-only" id="input" name="image" accept="image/*"></label>

这里什么都没有发生......！如何做到这一点

【问题讨论】：

stackoverflow.com/questions/2855589/…
完成了跨度>

标签： javascript

【解决方案1】：

你是这个意思吗？

.ion {
  display: block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: #fff url(https://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico) 0 0 no-repeat
}
#input {
  display: none
}

<label class="label" data-toggle="tooltip" title="Change your avatar">
  <i class="ion"></i>
  <input type="file" class="sr-only" id="input" name="image" accept="image/*">
</label>

【讨论】：