素材牛VIP会员

手机移动端实现多图片上传预览效果

 所属分类:网页特效-上传

 浏览:2362次-  下载:30次-  评论:2次-  更新时间:2019-02-16
手机移动端实现多图片上传预览效果兼容IE10
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:HTML+CSS+原生JS实现手机端实现多图片上传,选中图片后,可以点击放大(有一定的注释,在PC,ipad,IOS和安卓上都测试过)

详细介绍

PC端

1.点击+号多选图片展示

2.点击显示的图片,放大该图片

3.再次点击放大后的图片时,弹出删除提示框

4.点击确认,图片删除

5.点击取消,返回图片展示列表

手机端

1.点击+号选择获取图片方式

2.选择后上传图片,图片显示

3.点击显示的图片,放大该图片

4.再次点击放大后的图片时,弹出删除提示框

5.点击确认,图片删除

6.点击取消,返回图片展示列表

文件目录结构

  • ┝ defaultShow.js
  • ┝ defaultStyle.css
  • ┝ index.html
  • ┝ z_add.png

相关素材 - 上传

讨论这个素材(2)回答他人问题或分享使用心得会奖励牛币

zj***ar  
2019年07月05日

可以检测图片大小就好了

回复
wx***98  
2019年08月21日

怎么把上传的图片上传到后台然后保存呢

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:30
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)