|
做一个上传图片,浏览器实时显示缩略图的功能,其他浏览器包括IE都行,但是360问题很奇怪,如果不把网页放到CI中加载,功能可以使用,如果用CI控制器加载模板(与前面的网页一点没变),显示出来的网页,不仅样式变化了,而且不能显示缩略图了,请教大神,问题出在哪儿?代码:
<html>
<head>
<script type="text/javascript" >
<!--特别注意形参为文件file对象,不用改,形参就是file-->
function previewImg(file){
<!--获取展示缩略图的元素-->
var img = document.getElementById('img_1');
if (file.files && file.files[0]){
<!--后面代码中除了img和evt其他都是固定的-->
var reader = new FileReader();
reader.onload = function(evt){img.src = evt.target.result;}
reader.readAsDataURL(file.files[0]);
}
}
</script>
</head>
<body>
<div >
<img id='img_1' src="" alt="图片缩略图..." width="200" height="160px" />
<input type="file" value="浏览..."/>
</div>
</body>
</html>
|
|