最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
input type=file 选择图片并且实现预览效果的实例
时间:2022-06-25 14:18:15 编辑:袖梨 来源:一聚教程网
通过标签,给它指定type类型为file,可提供文件上传;
accept:可选择上传类型,如:只要传图片,且不限制图片格式,为image/*;
multiple:规定是否可以选择多个文件;
规定只可上传图片,且可以选择多个文件
当然,直接一个input type=file 只能选择上传的文件/资源,如果我们需要在选择图片之后,在当前页面实现预览效果,那么我们可以如下方式来实现
HTML代码
css样式文件
JS代码
*以上js代码中有使用到jQuery,因此要引入jQuery文件
相关文章
- 原神阿蕾奇诺突破材料大全最新一览 04-25
- 光遇4.25每日任务怎么做 光遇4月25日每日任务做法攻略 04-25
- 《原神》2.8版本UP池角色一览 04-25
- 崩坏星穹铁道开服直播兑换码详情 04-25
- 三国诛将录马战玩法要怎么玩 04-25
- 塞尔达传说王国之泪依盖队套装升级四星所需材料分享 04-25