Solved

Offline "file upload" so can switch image in a HTML page while offline (store images in localstore/HTML 5 etc)

Posted on 2010-11-09
6
372 Views
Last Modified: 2013-07-22
Hi Guys,

Working on a  HTML 5 web page for mobile devices (i.e. Android and iPhone) that simply displays an image that can be replaced with images stored on the local device by the user even when they're offline.

I want to avoid using phonegap etc as I don't want to have to distribute through various app stores (not looking to do this for money) so looking to do it all through "standard" web browser functionality (which means I need to use at least Android 2.2 so that I can get file upload button :) although there's still some question as to if that's working properly yet..)

Main problem keep encountering is one of browser security which prevents me from  referring to a local file location.

Was looking to bypass the security issue by "uploading" the file via a form but diverting it straight into the "localstore" and store previously uploaded images in an array for re use and so that it will work when the user is offline.

Has anyone tried this? Is it possible or are most of the mobile browsers still not there yet?

Thanks.

regards,

H
0
Comment
Question by:Amhazing
  • 2
  • 2
6 Comments
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 34104146
0
 

Author Comment

by:Amhazing
ID: 34108366
Interesting idea..

I can't see how it solves the image upload problem though?  Am I missing something?  How would the image stored locally get into the canvas in the first place when the user is offline?

regards,

H

 
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34108433
since you can render an image as a data url without sending it to the server it should be possible to store the url as a string in the local store until online and then send it to the server later
0
 

Author Comment

by:Amhazing
ID: 34108611
Thanks - will give it a try and update..

regards,

H
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
need help with share buttons 11 65
Prevent / reduce email harvesting using an image ā€“ javascript approach ? 14 67
Samsung Dex 3 40
javascript form submition 2 20
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is ā€“ how do I become a web developer?
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, dā€¦
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

679 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question