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

input选择图片后不上传及时显示

程序员文章站 2022-06-15 12:29:09
...
第一步 引入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>