Files Upload with Instagram Browser

  • Resolved mdjbutton

    (@mdjbutton)


    3 years, 1 month ago

    Hi.
    After some searching yesterday I am opening up a topic because I don’t where else to go with this issue.
    I recently build a website and clients can choose the anime style they want to be drawn in, one of the requirements is they have to upload a picture of themselves, the product links are;

    /product/custom-anime-portrait-shoulders-up/ and /product/custom-anime-portrait-full-body/

    Now the website works fine but when the link is opened through the Instagram app they cannot use the upload feature.
    I did include a message on smaller screens to use the Open In Chrome feature but this is not a solution for my client.

    I would appreciate any ideas or workaround for this.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • A quick search shows this is a limitation/bug in Instagram’s (and Facebook’s) in-app browser, and there’s no simple way around this without altering the form’s code. From this StackOverflow Q&A:

    Update: As far as i can tell there’s no solution for this. I’ve submitted a bug report to instagram. I also independently tested giphy.com, tinypic.com, and even logged in to facebook in the instagram in-app browser and can confirm every single site that uses photo uploads refreshes in instagrams in-app browser. No photo uploads work in instagram, which sucks… –

    So the problem is not limited to just your site or even WordPress sites!

    This StackOverflow Q&A has several suggestions that worked for different people, platforms (iOS vs Android) and even specific devices. The post seems to suggest that Facebook/Instagram’s in-app browser doesn’t like the accept attribute on the input tag, so this must be conditionally stripped off these particular useragents. Others got it working by adding the multiple attribute to the input tag.

    Thread Starter mdjbutton

    (@mdjbutton)

    Thanks, I will take a look and let you know.

    Thread Starter mdjbutton

    (@mdjbutton)

    Sorry for the late reply. I found a plugin that’s upload feature works with the Instagram browser.

    https://www.studiowombat.com/plugin/advanced-product-fields-for-woocommerce/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Files Upload with Instagram Browser’ is closed to new replies.