• 组件
  • 布局与其它

图片选择器

注意:只是图片选择器,一般用于上传图片前的文件选择操作,但不包括图片上传的功能

代码演示

图片选择器
图片选择器
<div class="image-picker-wrapper">
	<div class="image-picker">
		<div class="image-picker-item">
			<div class="image-picker-remove"></div>
			<div class="image-picker-content" style="background-image:url(https://image.yuantutech.com/i4/d1a49fb5341ac33081f5bd08ff4b6c2a-750-352.png);"></div>
		</div>
		<div class="image-picker-item">
			<div class="image-picker-remove"></div>
			<div class="image-picker-content" style="background-image:url(https://image.yuantutech.com/i4/d1a49fb5341ac33081f5bd08ff4b6c2a-750-352.png);"></div>
		</div>
		<div class="image-picker-item">
			<div class="image-picker-remove"></div>
			<div class="image-picker-content" style="background-image:url(https://image.yuantutech.com/i4/d1a49fb5341ac33081f5bd08ff4b6c2a-750-352.png);"></div>
		</div>
		<div class="image-picker-item">
			<div class="image-picker-remove"></div>
			<div class="image-picker-content" style="background-image:url(https://image.yuantutech.com/i4/d1a49fb5341ac33081f5bd08ff4b6c2a-750-352.png);"></div>
		</div>
		<div class="image-picker-item image-picker-upload">
			<input type="file" name="" class="image-picker-input">
		</div>
	</div>
</div>