The HTML file browse element isn’t working in iPad.
Example:
<input type="file" />
The choose file button always remains disabled.
You can’t upload files from an iPad in that way; iPad apps can’t browse the filesystem.
That's true. Safari Mobile doesn't support file transfer over HTTP.
Related
Using iphone 5se. IOS 10. Phonegap v0.4.5
I have tried a number of methods to open a link to another page from my index.html. Will not work. Same for a standard input Submit button. Will only work if the Target is changed to _System. Then that causes the safari browser to open my target page in the Safari browser. Effectively navigating away from my phonegap window. Have tried various access rights.
for example. Not able to get any pages to open in the phonegap app window on.
<script>
function loginCheck()
{
alert("Login");
window.open("http://192.168.1.111:3000/user_login.html","_self");
}
</script>
<input type="submit" class="submitbtn" name="submit" id="submit" value="Login" onclick="loginCheck()">
I've below code in asp.net ascx file.
<asp:FileUpload ID="selectedFiles" runat="server" onchange="ShowImagePreview(this);" CssClass="inputhidden" AllowMultiple="true" ClientIDMode="Static" />
There is some javascript code in ShowImagePrivew which preview the image on the page. The problem is every time we capture the image in iPhone, i'm getting the same name of the file while in Android Phones it is different on each image capture.
1) In order to test open the link in iPhone and Android. http://aspuploader.com/demo/form-multiplefiles.asp
2) Click on Select Multiple files and select Take Photo
3) Take snapshot and upload that file
4) Again try to upload one more image
Result:
iPhone - It replace the old file. It uses image.jpg as temporary file name.
Android - It upload another file as well. It appends datetime as well.
Expected output: iPhone also should be able to upload multiple images.
Any Solutions?
After lot of search I believe that it is not possible as it is default iPhone Behavior.
Also Refer: Mobile Safari Multiple Upload with Camera
We experience an issue with playing a mp4 file on ipad on webpage with a video HTML 5 player.
Issue:
It does not work on ipad/iphone. On all other platforms (Windows,Android, iOS desktop) it works fine.
This is the code:
<video id="my-video" width="400" height="240" preload="true" controls >
<source src="/media/video/6d9ab49-9936-4194-acvb-3cd9b60521fg/myvideo.mp4" />
</video>
Connected the ipad to the Mac to debug:
A message 'requested resource cannot be found'.
Does sound very clear but does not make sense because the mp4 file is accessible when you paste the url into the browser address bar.
Already tested and checked:
set src of mp4 to fullpath (including https:// or http://) instead of
using the virtual path ;
checked hostingprovider for 'Accept-Ranges: bytes' (with partial content (206) responses) ; settings are ok
play the same mp4 file from a remote url (accessed with or without https); strange but imporant : that works !
So I guess the issue really is that the mp4 can not be found or loaded on ipad.
But why?
Hope someone can help.
Have you tried it like this, include src directly inside <video> tag?
<video id="my-video" src="/media/video/6d9ab49-9936-4194-acvb-3cd9b60521fg/myvideo.mp4" width="400" height="240" preload="true" controls></video>
If it still doesn't work try to use only video element with src, remove preload and controls. Just to see if you can get it to work. And if still no results, try to go for absolute src path.
I had this very same problem serving videos on my Liferay Portal, which works perfectly on PC and Android, but not on iOS devices. After numerous tests, I think I've finally managed to nail down the cause.
For some reason, if the video file (eg MP4) is accessible by a guest user (ie accessible without having to log on to the server), then it will work fine on iOS. However, if the file is only accessible to logged on users, it won't work.
My theory on why this happens is that iOS is probably using a different session to do the range request check than the one used to play the video file. Thus, the range request check fails because the file is inaccessible.
I am using object to render my pdf it works fine on desktop browsers but on mobile browsers its not opening up pdf file,it says pdf reader not supported on this device.I have tried using embed also but it didn't worked out.
view
<object type="application/pdf"
data="#Url.Content(Model.ReportUrl)"
width="100%" height="100%">PDF reader not supported for this device.
</object>
//tried these also
#*<object type="application/pdf"
data="#Url.Content(Model.ReportUrl)"
width="100%" height="100%">PDF reader not supported for this device.
</object>*#
#*<object type="application/pdf"
data="#Url.Content(Model.ReportUrl)"
width="100%" height="100%">PDF reader not supported for this device.
<embed src="#Url.Content(Model.ReportUrl)" type="application/pdf" width="100%" height="100%" /> </object>*#
I tried searching but not able to find any useful result.
On my phone, when I click on a PDF link it will launch an external PDF viewer. The built in browser doesn't have a plug-in that can process PDFs so it is handled externally. I believe this is done because on the desktop these plug-ins are a major source of security vulnerabilities.
Trying to embed the PDF into a page on the browser may not be viable.
You may want to try browsing to other sites that embed PDFs to determine if your device can do this.
If not, there are things you can do to improve the user experience.
On some sites when it downloads the PDF it ends up in my downloads directory. I then have to go find it and click on it to view it. On other sites I automatically get a dialog asking me what app I want to use to view the PDF as soon as it is downloaded.
i use JSF <t:inputFileUpload> tag to upload files to my site. It works properly in a PC with all browsers but when I test it in my iPad it does not work. It shows as disabled in iOS 5. It uploads images but not text files or pdf or word or excel files in iOS 6.
Have you faced a similar situation? How can I upload documents and spreadsheets from an iPad onto my site?
This problem is not specific to JSF. It's basically just a HTML code generator. It runs on webserver and produces a bunch of HTML which get sent to the client (in your case, the iPad) and then interpreted over there. The <t:inputFileUpload> just generates a HTML <input type="file">.
That HTML element is in turn indeed disabled in Safari Mobile based browsers. JSF look like a magician, but it really can't control whatever the client decides to do with the retrieved HTML. You'd need to look for a 3rd party client side library which enables this in the Safari Mobile side.
See also:
A html5 web app for mobile safari to upload images from the Photos.app?
upload files via iPad
HTML file browse not working in iPad