欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

input选择图片后不上传及时显示 博客分类: js JavaScript图片即显

程序员文章站 2024-03-14 18:40:34
...
第一步 引入js包
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
第二步,写一个js方法
<script type="text/javascript">
function readURL(input) { 
if (input.files && input.files[0]) { 
var reader = new FileReader(); 
reader.onload = function (e) { 
  $('#showImg').attr('src', e.target.result).width(150).height(200); 
}; 
reader.readAsDataURL(input.files[0]); 
  } 

</script>