Upload Image directly to tag without sending it to the Server?

Question

I have an upload form:

<form>
  <input accept="image/jpeg, image/gif, image/png" type="file" name="image" id="image" class="UploadInput" onchange="submitImageUploaderForm()"/>
</form>

Using this form the image is sent to the server. At my server I can send the image back to the browser and insert it into a tag as preview image.

What I need is the following:

upload an image to the users browser (without the way to the server)
processing the image in the browser
send the result image to the server

How can I do that?

Any solution for previewing an image without using the serverside will use the HTML5 File API, which is not supported in IE9, so in other words what you're trying to do can't be done, at least not with the browser support you're after. — adeneo, Sep 17 '13 at 20:37

score 0 · Accepted Answer · answered Sep 17 '13 at 20:37

0

You need File API which is not supported by IE9. No luck

answered Sep 17 '13 at 20:37

Maksim Chemerisuk

46
2

Upload Image directly to tag without sending it to the Server?

1 Answers1