Company logo
  • Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Plans
    • Assessments
    • Payroll
    • Blog
    • Calculator

0

86
Views
VUE(NUXT), upload button:, How it must not refresh when taking picture in IOS webview?

I have a Vue Project that will take photo from Gallery,.. the project is being also used in IOS and Android Webview,. the problem is on the IOS,.. when after taking a picture it will refresh the page. But photo library and other selection are working. Does anyone know how should be solve this?

this is the takephoto in IOS: enter image description here

this is the code:

<div class="style_value text-left">
   <input ref="ImageFileHiddenInput" accept="image/x-png,image/gif,image/jpeg" @change="onFileChange" type="file" name="image_file" style="display: none" />

   <button @click="$refs.ImageFileHiddenInput.click()" class="m-1" type="button" size="mini"><i class="fas fa-cloud-upload-alt"></i> Upload</button>

 </div>
 onFileChange(e) {
      const file = e.target.files[0];
      this.imageFile = file;
      this.uploadImage();
    },
    uploadImage() {
      if (this.imageFile) {
       
        var bodyFormData = new FormData();
        bodyFormData.append("UploadFile", this.imageFile);
       

        this.$axios
          .post(`/upload-photo-file-url`, bodyFormData)
          .then((res) => {
            console.log('success')
          })
          .catch((err) => {
           
            console.error(err);
          });
      }
    },

7 months ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post job Plans Our process Sales
Legal
Terms and conditions Privacy policy
© 2023 PeakU Inc. All Rights Reserved.