图片选择器
注意:只是图片选择器,一般用于上传图片前的文件选择操作,但不包括图片上传的功能
代码演示
图片选择器
图片选择器
<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>