Welcome to this mini-article where you are gonna see how to customize input file in an ionic 3 or 4 application. sadly there is no <ion-input type="file"></ion-input> in ionic 3, but you can still make something like this easily How to make a custon input file ionic 4 So here is the code to write in you html page

      Ionic Blank

<ion-content padding>

       <label for="file"><ion-icon name="images"></ion-icon> Images</label>


notice that uploadImages($event) is a function if you want to upload the image in fireStorage for example or elsewhere, but I'm not gonna write the code that upload the image, only the scss and html part.

After doing this html code in your page move to your scss file and add this code as well.

    .fileInput {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    .fileInput   label {
        color: #717171;
        background-color: white;
        display: inline-block;
        cursor: pointer;
        padding: .5em 1em;
        border: 1px solid #ccc;
        cursor: pointer;

That's it so as you see it's very simple and easy to customize input file in ionic application, yes it's not the perfect way but it's ok as long is it mush your design.