当前位置:Gxlcms > JavaScript > input选择图片后不上传及时显示

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

时间:2021-07-01 10:21:17 帮助过:19人阅读

第一步 引入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>

人气教程排行