01.
<html>
02.
<head>
03.
<title>ThaiCreate.Com Tutorial</title>
05.
</head>
06.
<body>
07.
<form name=
"frmMain"
action=
""
method=
"post"
>
08.
<script language=
"JavaScript"
>
09.
function
showPreview(ele)
10.
{
11.
$(
'#imgAvatar'
).attr(
'src'
, ele.value);
12.
if
(ele.files && ele.files[0]) {
13.
14.
var
reader =
new
FileReader();
15.
16.
reader.onload =
function
(e) {
17.
$(
'#imgAvatar'
).attr(
'src'
, e.target.result);
18.
}
19.
20.
reader.readAsDataURL(ele.files[0]);
21.
}
22.
}
23.
</script>
24.
<input type=
"file"
name=
"filUpload"
id=
"filUpload"
OnChange=
"showPreview(this)"
>
25.
<input type=
"submit"
name=
"btnSubmit"
value=
"Submit"
>
26.
<hr>
27.
<img id=
"imgAvatar"
>
28.
</form>
29.
</body>
30.
</html>