微信小程序选择图片更换背景
实现思路:上传图片到服务器,然后请求服务器url替换背景。(使用wepy框架)
上代码:
<view class="button" @click="choose">点击更改背景</view>
choose(){let that = thiswx.chooseImage({count: 1,sizeType: ['original', 'compressed'],sourceType: ['album', 'camera'],success (res) {// tempFilePath可以作为img标签的src属性显示图片const tempFilePaths = res.tempFilePathsconsole.log(tempFilePaths)wx.uploadFile({url: API_MALL_LOGIN + '/wechat/upload',filePath: tempFilePaths[0],name: 'file',formData: {'create_userid': wx.getStorageSync('userId')},success (res){const data = JSON.parse(res.data)console.log(data.data.url)that.url = IMG_STATIC_URL + data.data.urlconsole.log(that.url)//do something}})}})},
//在进入页面时调用,如果请求到就替换,如果没有就用默认背景。getBac(userId){let that = thisservice.backgroundList({query:{create_userid:userId}}).then(res=>{console.log(res)that.url = IMG_STATIC_URL+ res.data.data.urlconsole.log(that.url)})},
微信小程序选择图片更换背景相关推荐
- 微信小程序选择图片(相册中选择/相机拍摄)
微信小程序中关于选择函数有专门的函数: wx.chooseImage(Object object) 从本地相册选择图片或使用相机拍照. 参数 Object object 属性 类型 默认值 必填 说明 ...
- 微信小程序 - 选择图片、预览图片、删除图片
为什么80%的码农都做不了架构师?>>> 小程序开发中你可能会遇到上传的图片首先会选择图片之后预览看下或者不满意需要删除图片,才会提交吧,这样应该是一个比较好的处理方式. 微信 ...
- 微信小程序选择图片和预览图片
作者>:燕潇洒 视频中,老师也是看着官方文档,为学生们讲解,微信提供了系统的方法来选择图片. wx.chooseImage({}) 此方法是用来选择图片的方法,具体使用如下: data: {av ...
- 微信小程序——选择图片/拍照
昨天有同学问我微信选择图片/拍照怎么做,其实这个没啥坑,把API看懂了就会了:这里写个简单的使用例子. 使用的微信API: 1.选择图片:wx.chooseImage 2.图片全屏预览:wx.prev ...
- 微信小程序选择图片,读取手机相册或者相册
//点击图片选择手机相册或者电脑本地图片 changeAvatar: function(e) { var _this = this wx.chooseImage({ c ...
- 微信小程序——选择图片,上传图片,点击查看大图,删除图片
Page({data: {images: [],count: 3, //设置最多三张图片},chooseImage: function () {var self = this;var images = ...
- 微信小程序预览服务器图片,微信小程序实现图片选择并预览功能
本文实例为大家分享了微信小程序实现图片选择并预览的具体代码,供大家参考,具体内容如下 (一).功能说明 做的是一个意见反馈,用户发表意见和上传图片,限制了最多只能上传三张图片. 其他要点:textar ...
- 微信小程序实现图片是上传、预览功能
本文实例讲述了微信小程序实现图片上传.删除和预览功能的方法,分享给大家供大家参考,具体如下: 这里主要介绍一下微信小程序的图片上传图片删除和图片预览 1.可以调用相机也可以从本地相册选择 2.本地实现 ...
- Java实现微信小程序校验图片是否含有违法违规内容
文章目录 1.Java实现微信小程序校验图片是否含有违法违规内容(security.imgSecCheck) 2.接口文档简述 3.Java实现对接接口 4.压缩图片(Thumbnails) 5.整合 ...
- 微信小程序选择和上传图片
文章目录 微信小程序选择和上传图片 微信小程序选择和上传图片 选择和上传图片用到的api: wx.chooseImage() 和 wx.uploadFile() 具体实现代码如下: wx.choose ...
最新文章
- 【转】monkeyrunner学习总结二:连接、安装、启动
- pythonfor循环语句1到7、不要4_【IT专家】关于Python中的for循环控制语句
- 负载策略_面试官:讲一下什么是负载均衡,什么是轮询策略随机策略哈希策略
- [原]一些KVM测试过程中的命令笔记(2)分配实例
- ASP.NET 状态管理概览
- 她只用1个方法,就把英语拿下了!
- nodejs-- vuex中mapActions
- frame、bounds表示大小和位置的属性以及center、position、anchorPosition
- php 抽奖活动_php 实现活动人选抽奖功能代码
- PDF转CAD你知道有什么黑科技操作吗?
- stm32开发环境搭建及应用
- Mathematica实现0.618法(黄金分割法)求最大最小值
- numpy中的ones函数
- Android下调用收发短信邮件等
- 南卡和Snowkids电容笔哪款更值得入手?口碑最佳的国产电容笔
- 千牛卖家工作平台使用教程
- 液晶面板里面有些什么配件_液晶电视的主要部件包括哪些?
- markdown-Emoji
- MATLAB中classify函数的使用
- 软件测试之边界值测试法