How can display the image preview before saving an image to folder using cakephp?

**omerbutt** · Jun 13 '11, 01:14 PM

one the way i know is javascript
[code=html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitl ed Document</title>
<script type="text/javascript" src="../stage/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function imageURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#preview_img ').attr('src', e.target.result )
.width('auto')
.height('auto') ;
}
reader.readAsDa taURL(input.fil es[0]);
}
}
</script>
</head>
<body>
<input type="file" class="file" onchange="image URL(this)" />
<img id="preview_img " style="width:au to; height:auto;" />
</body>
</html>
[/code]

YOU NEED TO CHANGE THE JQUERY SRC WITH YOUR PATH

but this will not work for IE as IE shows URL differently from firefox and chrome so you need to work out to check the navigator agent to get the right path
regards,
Omer Aslam

**mohan lal** · Jun 14 '11, 07:18 AM

hi.
thanks for your replay its working fine for me in firefox..thank you...

**omerbutt** · Jun 14 '11, 10:55 AM

Please choose the best answer whenever the solution works for you , so that its helpful to others who have the same problem .
Regards,
Omer Aslma

How can display the image preview before saving an image to folder using cakephp?

How can display the image preview before saving an image to folder using cakephp?

Comment

Comment

Comment