input 选择图片后获取base64、宽高并显示

最新推荐文章于 2024-06-06 20:07:09 发布

hadardb

最新推荐文章于 2024-06-06 20:07:09 发布

阅读量2.6k

点赞数

分类专栏： JavaScript 文章标签： js

本文链接：https://blog.csdn.net/qq_40299140/article/details/87967209

版权

显示为背景图：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
		<style>
			.backgroundImgLoad{
				width: 145px;
				height: 60px;
				border: 1px dashed #bbb;
				margin: 0 auto;
				display: block;
				text-align: center;
				font-size: 12px;
				line-height: 60px;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
			}
		</style>
	</head>
	<body>
    <div >
		<label for="backImg" class="backgroundImgLoad">本地上传</label>
		<input type="file" id="backImg" style="display: none;" accept="image/*"/>
	</div>
</body>



<script>
	/*选择图片事件*/
	$('#backImg').on('change',function(){
		va

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hadardb

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
input 选择图片后获取base64、宽高并显示

显示为背景图：&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript" src="js/jquery-1.11.1.m
复制链接

扫一扫