images on mobile browser - javascript

Hello I hope someone can help. I am creating an application that allows people to browse and download images. I know I can't access the photo library from mobile safari, my question is how can I deliver the images to a user? I don't think I can access mobile browsers copy > clipboard with javascript, can I? I am using sencha touch and it seems very difficult to implement press > hold > copy. Any ideas how you would deliver say 20 images to someone through the phone through mobile browser?

I guess you could email them to the user.

Can't you just display the images and then they can download them to their photo library? On an iphone you just hold down over an image and a sheet will popup asking the user if they want to save an image.

Related

how to access Phone Gallery in mobile web using javascript

I am developing mobile web using vanilla javascript. I want to automatically take pictures from the phone gallery and show them on the site. Not an input tag. It's automatic. But I don't know how. I'd appreciate it if you let me know if anyone knows.

How to download Instagram Profile Picture (InstaDP) with high quality?

I want to know how can someone download an Instagram profile picture in high resolution (like these websites: InstaDP, izoomyou, etc.) without any third-party apps or websites.
These pictures can't be downloaded with the "src" attribute because it gives you a 320x320 low-resolution picture.
I read some of the questions and answers from this site but those methods don't work anymore.
If someone knows how to do this please write it here. Any help is much appreciated.
you can try this web Fullinstadp.com
you just insert username and then click view
and next choose Download Full Size DP

Dropzone.js no longer uploading multiple imgs to website on Android

Up until about a couple weeks ago, my web app was working great on desktop and mobile, using dropzone.js as a drag and drop means of uploading images. Now suddenly on my Android device things have changed.
When it was working:
Member hit the upload button and was prompted to select which app to use to select the images for upload. Typically default app was "Gallery" which doesn't allow for multiple selections, but when Google Photos was selected, multiple images could be selected and all images selected would upload. With a tool tip I was able to advise users on Android to use Google Photos vice Gallery.
Now
Same scenario, including being able to select multiple images to upload. However, when the "Done" button is pressed to initiate the upload, only the first image selected uploads.
Multiple uploads work as expected on desktop and iOS but for whatever reason something has changed with Android and/or Google Photos that for the life of me I can't figure out.
fiddle
For those of you willing to take the time to help out, please try it on both your desk top and Android device to see the difference in behavior.
Also note that the .js included with the fiddle is for reference only and is being driven by the same file externally.
Please note the above fiddle doesn't actually upload the images anywhere, but it is the exact behavior I am having issues with. The upload part of the script and db management is separate from this issue.
The actual structure when all located together is to have the following script:
<script src="js/dropzone.js"></script>
Thanks
Here is what I tried
I've updated a bit the code.
https://jsfiddle.net/_jserodio/dgq50zc3/10/
Here is what I tested
In Android 5.0 it works with Google Chrome.
But It didn't work with Firefox and/or Lightning browser.
It's not supported for Android 4.x and bellow
http://caniuse.com/#feat=input-file-multiple

How to make a few webpages display different on mobile devices

I have a webpage that is quite wide and short on about 3 pages, the pages that are wide and long display fine on a mobile phone browser, but the pages that are short show up on only less than half the screen.
Is there anyway I can make a seperate page for each of those 3 pages and have them come up only when someone is using a mobile phone.
Thanks
You need to insert some JavaScript that will sniff out the User Agent (web browser & version) on each page. Here is a link that explains how to do this:
http://www.quirksmode.org/js/detect.html
Once you have done that, then swap your CSS file for that page to the one appropriate for the device, or redirect to a special HTML page for that device.
If you search Google for 'Responsive Design', there is lots of advice on how to use the same page, but make it appear differently on mobile devices.
Along with "responsive design" you should investigate "media queries" which will allow you to adjust your CSS and help align the elements to the display size of each device viewing it. No javascript necessary.
How to use Media Queries in Mobile
Like others have stated. Responsive web design with Media Queries is best. Check out these sites.
http://www.alistapart.com/articles/responsive-web-design/
http://www.stuffandnonsense.co.uk/projects/320andup/

Javascript, Smartphone detection for videos?

If there's a better way I am all for it. But I wanna detect a smartphone user on my site.
Whether they be a webOS, Android, or iPhone OS phone. I have a flash video on my site, but when I detect a smartphone users I want it to be a HTML5 video on the site instead.
You could try using this js library: http://videojs.com/
Here is a link to a javascript fix that I used in a similar situation. It not so much detects devices such as smart phones, rather detects whether the user has is able to view flash or not, displaying flash content first and falling back with whatever you specify if flash is not installed.
http://www.featureblend.com/javascript-flash-detection-library.html
Really simple to use and it played nicely with jQuery when I used it.
-Paul

Categories