《微信小程序案例6》点击图片上传，从本地相册选择或打开摄像头拍摄上传照片

点击一下相机图片实现上传本都相册图片或者打开摄像头拍照上传

使用微信小程序API里面的wx.chooseImage

实现点击并上传图片后把上传的图片放入上面的虚线框里面。

方法：

在wx.chooseImage里面有一个success函数，该函数作用是当上传图片成功后，会把图片的地址保存到tempFilePaths这个临时变量里面。

注意：在success()函数里面的this指向已经不再是page了，而是指向最近的。

解决方法：

图片地址不同实现不同class的渲染

方法：使用wx:if wx:else

当imgSrc有值时进入wx:if ，没值时进入wx:else

父级样式

《微信小程序案例6》点击图片上传，从本地相册选择或打开摄像头拍摄上传照片相关推荐

微信小程序：想要点击图片时进行一个放大的功能，写完之后可以正常显示，但点击时图片加载不出来，在此想问一下各路大神有没有解决办法
微信小程序:想要点击图片时进行一个放大的功能,写完之后可以正常显示,但点击时图片加载不出来,在此想问一下各路大神有没有解决办法 wxml: 在这里插入代码片 <view class='zhanp ...
imagepreview使用案例_微信小程序wx.previewImage预览图片实例详解
一.小知识二.例子 1.wxml 2.wxss .container { box-sizing:border-box; padding:20px; } .previewimg{ float:left ...
微信小程序长按图片不出现菜单_微信小程序实现长按删除图片的示例
说明最近在学小程序,遇到长按图片删除的问题,特此记录,记录自己的成长轨迹需求: 长按删除指定图片需要解决的问题长按事件如何表示出来? 如何获取当前长按元素的下标? 如何删除元素? 解决办法长 ...
微信小程序案例TODO备忘录
微信小程序案例TODO备忘录微信小程序案例TODO备忘录本节展示一个制作todo备忘录的案例讲解代码:https://github.com/Harryjun/WeChatPrj/tree/mas ...
微信小程序案例一成绩计算
微信小程序案例一 :成绩计算效果图 2.WXML文件属性 bindinput 的类型为 handlerEvent 除了date/time 类型的输入框,当键盘输入时触发 input 事件,e.de ...
微信小程序使用wxParse，解决图片显示路径问题
微信小程序使用wxParse,解决图片显示路径问题参考文章: (1)微信小程序使用wxParse,解决图片显示路径问题 (2)https://www.cnblogs.com/zxf100/p/100 ...
微信小程序点击按钮弹出弹窗_微信小程序实现的点击按钮弹出底部上拉菜单功能示例...
本文实例讲述了微信小程序实现的点击按钮弹出底部上拉菜单功能.分享给大家供大家参考,具体如下: index.wxml 弹出action sheet {{item.txt}} 取消提示:您选择了菜单{ ...
微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
bindtap就是点击事件在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行在后台.js文件中定义 ...
微信小程序使用image组件显示图片的方法
本文实例讲述了微信小程序使用image组件显示图片的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① index.wxml 代码如下: <image style=" ...

《微信小程序案例6》点击图片上传，从本地相册选择或打开摄像头拍摄上传照片

实现点击并上传图片后把上传的图片放入上面的虚线框里面。

方法：

图片地址不同实现不同class的渲染

父级样式

《微信小程序案例6》点击图片上传，从本地相册选择或打开摄像头拍摄上传照片相关推荐

最新文章

热门文章