Local image in canvas in chrome

Question

chrome's access to local files are restricted, but I would like to draw an image on a canvas: an image selected with a file input and without sending the image to the server and then requesting it back.

Some help would be great!

Is your HTML file also local, or are you asking the user to go to your website, select a file from disk, and then have JavaScript access to that file without ever sending it to your server? — Phrogz, Jan 21 '11 at 17:45
Second answer. The purpose is to make modifications on the image, and upload to the server seems to be time consuming. — , Jan 21 '11 at 20:11

score 3 · Accepted Answer · answered Jan 22 '11 at 04:03

Since your using Google Chrome, file:// URIs cannot read other file:// URIs. If you are using this for development, then you can add the following command line switch to chrome:

--allow-file-access-from-files

HTML5 has (currently in development) FileSystem API you can read an example from it here: http://www.html5rocks.com/tutorials/file/filesystem/

score 0 · Answer 2 · edited May 23 '17 at 12:32

0

If your file is not on the local domain, see this answer.

edited May 23 '17 at 12:32

Community

1
1

answered Jan 21 '11 at 17:51

Phrogz

296,393
112
651
745

Local image in canvas in chrome

2 Answers2