Click here to Skip to main content
12,069,536 members (64,405 online)
Rate this:
 
Please Sign up or sign in to vote.
See more: PHP
Hello guys

i had create one functionality of image preview on file upload,

that is working fine in firefox and crome

but there is a problem in IE,

can you give the ans..??
<img src="#" id="preview"   />
 
<input type="file" id="userfiles" name="userfile" value="userfiles" class="set_file" 
                                     önchange="javascript:readURL(this)"  />
 
<script type="text/javascript">
/*$('input.set_file').click(function(){
  document.getElementById("userfiles").onchange = function(evt) {
    alert(evt.target.id);
}
});*/
function readURL(input)
{
	
      if (input.files && input.files[0])
              {
				  
		            var reader = new FileReader();
                   reader.onload = function (e)
                                          {
											  
                                                $('#preview')
                                                .attr('src',e.target.result)
                                                .width(192)
                                                .height(225);
                                          };
                   reader.readAsDataURL(input.files[0]);
                   }
}
</script>
Posted 11-Mar-13 22:18pm
Edited 11-Mar-13 22:21pm
v2

1 solution

Rate this: bad
 
good
Please Sign up or sign in to vote.

Solution 1

There is no answer.

So you will upload an image to server. So use php to pass link to image.
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


Advertise | Privacy | Mobile
Web02 | 2.8.160208.1 | Last Updated 25 Mar 2013
Copyright © CodeProject, 1999-2016
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100