Ionic Webview file upload problem


#1

I am building an Ionic app and I want the users to send me few details via contact form. for that, I am using wordpress’ contact form 7 plugin and calling the page in a contact page via iframe.

html -

<ion-content class="contentmain"> 
  <iframe frameBorder="0" height="100%" width="100%" [src]="url" name="iframe_a"></iframe>
</ion-content>

ts-

export class ContactPage {

  url: any;
  constructor(public navCtrl: NavController, public navParams: NavParams, private sanitize: DomSanitizer ) {
    this.url = sanitize.bypassSecurityTrustResourceUrl("https://example.com/contacts-us/");
  }

}

I am having problem with uploading files. I want users to send me an image file in form and when I click on browse button on form, it opens nothing. Is there anything I am missing or there is any other method to do this ?

Or anyone know how to view wordpress from in Ionic 3 app via json ?
Any help can be helpful. Please guide me to right direction. I am new in Ionic.
Thanks :slight_smile:


#2

Try to open your contact form with a browser on a mobile device. If the image upload doesn’t work there, it means that it won’t also work in your app. You will have to modify the contact form to support image selection on mobile device.


#3

Its working fine on mobile browser. :frowning:


#4

Is there any way to get wordpress form in Ionic app natively ?


#5

Try to load the wordpress page in an InApp Browser.