Load local image into browser using JavaScript?

javascript image-processing uploading
kaese picture kaese · Oct 22, 2010 · Viewed 50.1k times · Source

I'm currently developing a solution for a web-to-print, poster printing application.

One of features I'd like to include is the ability to 'edit' (crop/scale/rotate) a given image, before proceeding to order a poster of said image.

To avoid the requirement of the user uploading the image to a remote server before editing, I'd like to know the following:

Is it possible (using JavaScript) to load an image stored on the client machine into the browser / browser memory for editing, without uploading the image to a remote server? And if so, how is this done?

Thanks,

BK

Answer

santhgates picture santhgates · Jul 15, 2012

The image can be edited without the user needed to upload the image to the server.

Take a look at the link below. It can be done quite easily.

Reading local files using Javascript

Related questions

How to get a pixel's x,y coordinate color from an image?

Is there any way to check if a selected(x,y) point of a PNG image is transparent?

Read More
How to allow Chrome to access my camera on localhost?

I cloned a project about real-time image processing on a web browser from this link: Then I could not allow my browser to access my camera. I got this javascript alert: Uh-oh, the webcam didn't start. Do you have a …

Read More
What is the best JavaScript image processing library?

I need some kick-ass effects for my web site, like gaussian blur, noise, convolution filters, morphological operations etc. All effects must be applied dynamically (no pre-renderend images) and being changed over time. What is the most powerful image processing library, …

Read More