Will code written for the web work on a mobile phone? Ionic 2

Question

I'm not familiar with ionics and the mobile app but with angular I am.

I made something that would work great on the web but the question is will it work on a mobile app ...

Take a look at the code and see if this will work on the mobile app on mobile?

Html:

<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 component:

  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
  }

How will this behave on a mobile phone? Otherwise the component is the input for uploading zip files ...

Answer 1

Most HTML code will work fine on mobile, possibly some issues with how the webpage is shown but that is all front end stuff. Your code should work just fine!