javascript - image preview before upload

Question

iam trying to show image preview before upload, for that i am using code given below..

it works with firefox, but, dosent work with IE8

<%= image_tag @image, :id=>"preview-photo" %>
<%= file_field 'image','photo', :onchange => "preview(this);" %>


function preview(this) {
document.getElementById("preview-photo").src =this.value;
return;
}

i need help.. Is there any solution to preview the image in IE8 and other browsers?

This is no longer possible across browsers for security reasons (they serve C:\Fakepath instead of the real value when querying a file upload field). I do not think there is a workaround. — Pekka
– Pekka, Commented Apr 8, 2011 at 11:00
any other approach to do this functionality...using any plugins??? — lamrin
– lamrin, Commented Apr 8, 2011 at 11:05
Flash based uploaders can theoretically still do this, although I don't know any specific product that does it out of the box. — Pekka
– Pekka, Commented Apr 8, 2011 at 11:08

nfechner · Accepted Answer · 2011-04-08 11:07:39Z

2

The only way I know of is using a flash movie for your upload. For a nice example see here.

answered Apr 8, 2011 at 11:07

nfechner

17.6k7 gold badges48 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pekka Over a year ago

Nice link. This is the best way to go I think

Collectives™ on Stack Overflow

javascript - image preview before upload

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related