輸入單擊事件在帶有ionic 2和angular2的IOS設備上不起作用

Question

我嘗試使用ionic 2項目上傳圖片。 我需要向客戶提供樣式，並且它可以與Android瀏覽器一起使用。 但在ios設備上不起作用。

我嘗試設置樣式：cursor：point。 但這也沒醒。
的HTML：

 <div class="upload-box J_UploadBox"  (click)="fileSelect.click()">
    <input class="J_UploadData" type="hidden" value="">
    <div class="box-do"><ion-icon name="camera"></ion-icon>
      <span class="must-tip" style="display:none"></span></div>
    <div class="J_Views"><span class="tip">upload image</span></div>
  </div>
  </div>
  <div class="J_UploadInput" >
    <input type="file"   #fileSelect  (change)="onChange($event)"  accept="image/*">
  </div>

CSS：

有誰知道為什么嗎？ 謝謝

Answer 1

我有一個類似的難題，可以通過將<input>放在格式如離子按鈕的<div>內來解決它，如下所示：

profile.page.html

<div ion-button class="fileUpload">
  <span>Choose Picture</span>
  <input #fileInput class="upload" type="file" (change)="fileChangeListener($event)" />
</div>

profile.page.scss

.fileUpload {
  position: relative;
  overflow: hidden;

  input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}