I have a simple angular 5 application that uploads an image to my server. The problem is that in desktop browsers it works without problems, but when I'm going to upload images from a mobile device this does not work.
Then I show my Angular code:
Online Code
When I try to use this web app from mobile safari (V11) the blank screen appears, in google chrome mobile it works, but if I upload a heavy image ... it does not upload anything to my server.
My question is how can I do this, so that it works in both safari and chrome (Desktop / mobile)...this is the idea of a web application.
Thanks
Related
I am using Cordova Plugin Inappbrowser to run my external website on device. In this external website I need to upload an Image (Gallery/Capture camera) or file on server. For this I have implemented HTML5 File API to make this feature run into my app too. I have tried various demo 1, demo 2 and tried this URL open into IAB to test; unfortunately they didn't work earthier inside my app. Whereas if I try to open these two demo in native browsers like Chrome, safari, firefox apps into my device these demo are allowing me to perform File API.
So can anyone help me to fix this issue........
I've created a simple app using requirejs, angularjs and ui-grid. All it does is to get some data from an excel file and show it on the grid.
It works nicely when I view it on my desktop, but on mobile (Samsung Galaxy S3) it gives an error (shows the {{myBoundVar}} as if angualr app has not started). On Nexus 4, it shows the site, but with an empty grid (although I can see it has taken the data, since I see the grid's headers which are taken from the excel).
I can't seem to debug it, since using remote debugging shows the site correctly (just like it shows it correctly on desktop).
Is there a way to debug directly on mobile (e.g. just see the JS errors)?
You are looking for Remote Debugging on Android with Chrome which allows you to open a live Chrome DevTools window for your website on your android from your Chrome Desktop isntallation as long as you are running Android KitKat or above.
Simply enable developer options on your device, connect it's USB to your computer and visit chrome://inspect in your Chrome browser. More detailed instructions are at https://developer.chrome.com/devtools/docs/remote-debugging.
I am developing a standalone web app that installs on iphone homescreen.
It has a calendar function that the user can download an *.ics file directly into the iphone.
However, that cannot be done from within the standalone web app, so I have a punch out url to mobile safari so that it will work.
All that works fine...
However, after the ics file is loaded into the calendar and closed, it returns to the mobile safari page where I in turn close that by using onclick='self.close()'. That works fine too...
After that page closes I want to then launch back into standalone app so the user is returned to where they were...
How do I launch my own web app from a mobile safari javascript code?
All the searching shows me how to go from standalone to mobile safari,...I want mobile safari to standalone.
I have seen the windows.location="myapp://myparam" but cannot find proper syntax to get it to work.
What is the syntax for this?
Any other solution is well received too...will need to find Android solution too, but it is not as crucial...
Thanks
I am using http://uniformjs.com/ for form elements its work fine in all browser as well as different devices, but only a thing which I noticed is about “File Upload” function is not work in iPad.
Anyone can guide how to fix this issue, without download any other supported app like picupapp.com
Thanks
In iOS (iPhone and iPad), file upload through browser just doesn't work.
You'll need to create an App for that. See some info about file upload Cocoa here: How can I upload a photo to a server with the iPhone?
Or, if you can afford to leave out all the pre iOS6 devices, it seems like they added support for <input type="file"> in their latest version.
I have implemented Facebook Connect SSO to my website at http://pocketly.com/login and it seems to work across all Desktop browsers. But for some reason it does not work on my iPhone, I have tried with both Mobile Safari and Mobile Chrome and all it does is open up the Facebook auth page and then dies. The first time i log in on the browser it authenticates correctly then closes the window which in turn goes back to my website, but it doesn't seem like the callback is being called. Every other time i try to call it it just dies on Facebook website with a white screen. I am using the Javascript SDK with the FB.login function. I don't know what else to do or how to debug it, i have even tried the web inspector on the new ios6 mobile safari. If any one has any suggestions please let me know, if you would like to see some code examples or know more information i would be happy to share. Also i did some research and here are some similar questions with no answers:
Facebook JS SDK Not Working On Safari
Facebook JS SDK not loading on Safari Mobile (using iPad)
Facebook FB.login works in Safari, but not mobile Safari
It turns out that the JS SDK seems to have a problem on mobile safari, i ran across this problem on other sites as well. What i ended up doing was using the PHP SDK which involves a redirect instead of the windows trying to communicate. It turns out this approach is way easier. Anyone else with issues with the JS SDK should try the PHP one first.