<html>
<head>
<script type="text/javascript" src="jquery-1.6.2.js"></script>
<script type="text/javascript" src="html5.js"></script>
<script>
$(function(){
$('#importFile').change(function(){
var files = this.files ? this.files: [];
if(!files.length ) {
return;
}
if(typeof FileReader == undefined) return;
if(/^image/.test(files[0].type)){
var reader = new FileReader();
reader.readAsDataURL(files[0]);
reader.onloadend = function(){
$('#image1').attr('src',this.result);
}
}
})
$('#image1').click(function(){
$('#importFile').click();
})
});
</script>
</head>
<body>
<img id="image1" style="width:100px;height:100px" />
<div>
<input type="file" id="importFile" style="display:none" />
</div>
</body>
</html>
