為網絡編寫的代碼可以在手機上運行嗎？ 離子 2

Question

我不熟悉 ionics 和移動應用程序，但我熟悉 angular。

我做了一些在網絡上運行良好的東西，但問題是它可以在移動應用程序上運行......

看一下代碼，看看這是否適用於移動設備上的移動應用程序？

網址：

<div class="upload-zip">
  <label *ngIf="!zipFiles">
    <ion-input type="file" accept=".zip" class="ion-i" (change)="zipFilesUpload($event)" placeholder="Zip Files">
    </ion-input>
    <ion-icon ios="ios-cloud-upload" md="md-cloud-upload"></ion-icon> Upload zip file
  </label>

  <div *ngIf="zipFiles" class="uploaded-file">
    <p> Uploaded {{ zipFiles.name }} </p>
    <ion-icon name="close" (click)="removeZip()"></ion-icon>
  </div>
</div>

Ts 組件：

  zipFilesUpload(event) {
    this.zipFiles = <File>event.target.files[0];
    if (!this.zipFiles.type.includes('zip')) {
      console.log('file not zip')
      return;
    }
    this.sentToServer();
  }

  sentToServer() {
    const fd: FormData = new FormData();
    fd.append('files', this.zipFiles, this.zipFiles.name);
    //  api call
  }

這將如何在手機上運行？ 否則該組件是上傳 zip 文件的輸入......

Answer 1

大多數 HTML 代碼在移動設備上都可以正常工作，可能是網頁顯示方式存在一些問題，但這都是前端的東西。 您的代碼應該可以正常工作！