微信小程序
微信小程序
风如白话
WEB前端开发
展开
-
微信小程序图片实现懒加载渲染
微信官方API :wx.createIntersectionObserverwxml:<!-- 数据源 --><view class='item-{{index}}' wx:for="{{lazyData}}" wx:key="*this.src"> <image src='{{item.show? item.src : loadIcon}}' class='{{item.show? "active" : ""}}'></image> <v原创 2020-07-17 15:06:59 · 939 阅读 · 0 评论 -
微信小程序选择图片上传到服务器
微信小程序上传图片到服务器<view class="pic-container"> <view class="pic-title">请上传身份证正反面照片</view> <view class="pic-warp"> <view class="pic-list"> <view class="pic-btn" hidden="{{isHideCardZ}}原创 2020-06-19 11:59:07 · 1329 阅读 · 4 评论 -
微信小程序保存图片到相册(wx.downloadFile)
微信小程序图片保存到相册1、兼容android+ios;2、支持一次保存多张图片;const app = getApp();var util = require('../../utils/util.js');Page({ /** * 页面的初始数据 */ data: { name: '', cardnum: '', tel: '', images: [ // '../ima原创 2020-06-19 11:54:48 · 3163 阅读 · 0 评论 -
微信小程序录音上传功能
微信小程序录音上传录音弹窗wxml代码: <!-- 录音弹窗 --><view class="cui-record" hidden="{{isHideRecordModal}}"><view class="cui-mask" catchtap="cancelRecord" bindtouchmove="cancelRecord"></view><view class="cui-record-main"> <view c原创 2020-06-09 10:44:11 · 2637 阅读 · 3 评论