上传图片不能成功预览
丶子非鱼
2017-05-17 14:25
<input type="file" name="file" onchange="showPreview(this)"/>
<br>
<div id="imgPreview" style="width:120px; height:100px;margin-left: 280px;">
</div>
<script type="text/javascript">
function showPreview(obj){
var str=obj.value;
doucment.getElementById("imgPreview").InnerHTML="<img src='"+str+"'/>";
}
</script>
3回答
-
- 慕粉172216562
- 2017-11-06 18:13:51
还是不行呀，解决了吗老铁？
-
- 丶子非鱼
- 2017-05-27 08:29:27
可以吗 搜狗 IE都没效果 我还以为哪里错了 纠结了好久
-
- IT学者_Crius
- 2017-05-26 16:41:12
代码在myeclipse自带的浏览器是可以预览的
可以试试这段代码，给type="file"的input框加个id="mylife",这个好像是h5的写法
$("#myfile").change(function(){
var file = this.files[0];
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function(e){
$("#previewImg").attr("src", e.target.result);
};
});
Java中的文件上传下载
77391 学习 · 337 问题
相似问题