前端页面图片上传即时预览功能资源-CSDN文库

共7个文件

jpg：3个

js：2个

html：1个

即时预览

5星 · 超过95%的资源需积分: 44 37 浏览量 2018-01-09 21:20:16 上传评论收藏 45KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

前端图片预览功能.rar （7个子文件）

前端图片预览功能

dist

css

main.css 7KB

images

add.jpg 872B

default.jpg 2KB

default2.jpg 1KB

jquery-1.11.3.min.js 145KB

custom.js 4KB

demo.html 2KB

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <link rel="stylesheet" href="css/main.css"/> <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> </head> <body style="background:#fff"> <div class="basic_control"> <ul class="sc_pic02"> <li> <img src="images/default.jpg" alt=""/> <input type="hidden"/> <input type="file" class="file"/> <a href="javascript:;" class="btn-default5">上传营业执照</a> </li> <li> <img src="images/default.jpg" alt=""/> <input type="hidden"/> <input type="file" class="file"/> <a href="javascript:;" class="btn-default5">上传组织机构</a> </li> <li> <img src="images/default.jpg" alt=""/> <input type="hidden"/> <input type="file" class="file"/> <a href="javascript:;" class="btn-default5">上传税务登记证</a> </li> <li> <img src="images/default.jpg" alt=""/> <input type="hidden"/> <input type="file" class="file"/> <a href="javascript:;" class="btn-default5">一般纳税人证明</a> </li> </ul> </div> <div class="basic_control"> <ul class="sc_pic"> <li> <input type="hidden"/> <input type="file" class="file"/> <img src="images/add.jpg" alt=""/> </li> </ul> </div> <div class="basic_control"> <ul class="sc_pic wb80"> <li> <input type="hidden"/> <input type="file" class="file"/> <img src="images/default.jpg" alt=""/> <a href="javascript:;" class="delTag"><i class="iconfont icon-shanchushiyong"></i></a> </li> <li> <div class="addLi" onclick="addImg('keting',this)"> <img src="images/add.jpg" alt=""/> </div> </li> </ul> </div> <script src="js/custom.js"></script> </body> </html>

评论收藏

内容反馈