weui图片上传_weui上传图片,weui图片上传资源-CSDN文库

共4个文件

js：2个

png：1个

html：1个

weui

上传图片

需积分: 50 180 浏览量 2019-09-27 13:32:04 上传评论收藏 35KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

upload.zip （4个子文件）

upload

img

add.png 271B

index.html 2KB

jquery.min.js 94KB

upload.js 3KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="https://res.wx.qq.com/open/libs/weui/2.0.1/weui.min.css" rel="stylesheet"> <style> #imgPreview {display: inline;} .weui-uploader {display: inline-block;} #imgPreview>.preview{margin:3px;margin-right: 10px;margin-top: 5px;} #imgPreview>.preview>img,.preview,.addIcon{width:96px;height:96px;display: inline-block;} #imgPreview >.preview> span {cursor:pointer;margin-left:-8px;margin-top: -4px;color: #FFF;border-radius: 50%;font-size: 14px;background: red;position: absolute;width:16px;height:16px;line-height: 14px;text-align: center;} </style> </head> <body> <div id="uploadDiv"> <div id="imgPreview"></div> <div class="weui-uploader addIcon"> <div class="weui-uploader__bd"> <div class="weui-uploader__input-box"> <input id="updateImg" class="weui-uploader__input" type="file" accept="image/*" multiple onchange="changePic('updateImg','imgPreview')"/> </div> </div> </div> <div id="submitImg"><button onclick="sucCompressPic()" style="width:100%;height:40px;">submit</button></div> <div id="footBtn" style="display: none"></div> </div> <div id="loadingToast" style="display:none;"> <div class="weui-mask_transparent"></div> <div class="weui-toast"> <i class="weui-loading weui-icon_toast"></i> <p class="weui-toast__content">上传中</p> </div> </div> </body> <script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/upload.js" type="text/javascript" charset="utf-8"></script> </html>

评论收藏

内容反馈