微客导航 » 文章资讯 » input type=file 选择图片并且实现预览效果的实例

input type=file 选择图片并且实现预览效果的实例

2023-09-22 13:25:05 214

通过标签，给它指定type类型为file，可提供文件上传；

accept：可选择上传类型，如：只要传图片，且不限制图片格式，为image/*；

multiple：规定是否可以选择多个文件；

规定只可上传图片，且可以选择多个文件

当然，直接一个inputtype=file只能选择上传的文件/资源，如果我们需要在选择图片之后，在当前页面实现预览效果，那么我们可以如下方式来实现

HTML代码

css样式文件

JS代码

*以上js代码中有使用到jQuery，因此要引入jQuery文件

这篇inputtype=file选择图片并且实现预览效果的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com