Browser compatibility Issue : Upload and Preview using Paperclip

rubyonrails-talk
1

Hi,

I am using uploading(img) process in my app using paperclip. My new requirement is to preview before submitting.

My new requirement works only in FIREFOX not in IE,CHROME,SAFARI. My code looks this.

  <%= form.file_field :image, :onchange=> "setImage(this);" %>

   function setImage(file) {         if(document.all)             document.getElementById('prevImage').src = file.value;         else             document.getElementById('prevImage').src = file.files.item(0).getAsDataURL();

        if(document.getElementById('prevImage').src.length > 0)             document.getElementById('prevImage').style.display = 'block';     }

Thanks in Advance Mathew

2

You basically need to preview an before it has been submitted? This sounds more like a JavaScript question than a Rails question.

3

Tim Shaffer wrote in post #1022142:

You basically need to preview an <input type="file"> before it has been submitted? This sounds more like a JavaScript question than a Rails question.

This issue corresponds to javascript+css concept only.

4

In that case a Ruby on Rails mailing list may not be the best place to get help.

But in your situation the first thing I would try is to run it in firebug in firefox to check for errors. Also paste the complete page html into the w3c html validator to check for valid html. Differences between browsers is often caused by invalid html.

Colin

5

Colin Law wrote in post #1022182:

6

And running it with firebug in firefox?

Colin

7

Colin Law wrote in post #1022271:

8

To be honest, I'm surprised this works at all - file fields are notoriously resistant to being read via JS, for security reasons. If this is a critical part of your application, you may need to go to an alternative method (Flash, for instance) to have it work reliably across browsers and security settings.

--Matt Jones