小程序图片上传功能实现

news/2024/7/20 4:20:36 标签: 小程序

首先我们在js 的data动态数据中声明一个图片路径变量用于展示

data{
  imageurl: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fproduct%2F5850%2F585069%2Fx.jpg&refer=http%3A%2F%2Fimg.pconline.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632119691&t=f4b0afde298e4188c6cb3b1712bf65c9'
}

然后我们在页面上写一个图片标签

<image catch:tap = "uploadFile" src='{{ imageurl }}' />

然后我们就能看到简单的图片效果
在编写标签上的这个点击事件
叫uploadFile

 uploadFile: function(){
      wx.chooseImage({
        count: 1, // 默认9
        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
        success:(res) => {
          this.setData({
            imageurl: res.tempFilePaths
          })
        }
      })
    },

res中就含有用户上传的图片信息


http://www.niftyadmin.cn/n/1038008.html

相关文章

微信小程序确认用户实用版本并随之更新

app.js //app.js App({basic: require("./util/basic"),onShow: function () {this.basic.checkUpdateVersion()},onLaunch: function () {if (!wx.cloud) {console.error(请使用 2.2.3 或以上的基础库以使用云能力)} else {wx.cloud.init({// env 参数说明&#xf…

微信小程序页面跳转时携带了字符串json 因特殊符号导致JSON.parse报错

相信大家在编写小程序时经常会用把json转成字符串作为参数传给下一个页面的惯用手法 但你们知道吗&#xff1f; 一但json字段中有值等于 & 或者 ? 的你再用JSON.parse转换将报错 很多人可能觉得是JSON.parse转字符串报错 但其实不是的 是因为传递参数时 路径将 & 读成…

【算法与数据结构】——乘法逆元

定义 若在mod p意义下&#xff0c;对于一个整数a&#xff0c;有a*b≡1(mod p)&#xff0c;那么这个整数b即为a的 乘法逆元&#xff0c;同时a也为b的乘法逆元 一个数有逆元的充分必要条件是gcd(a,p)1&#xff0c;此时a才有对p的乘法逆元 逆元的作用 首先对于除法取模不成立&a…

小程序正式版本发布

这里需要注意 只有企业账号注册的小程序才有发布的权力&#xff0c;如果是个人正好&#xff0c;那很抱歉 你只能自己作着玩了。 首先我们用微信开发者工具打开需要发布的小程序 然后点击右上角的 (上传) 按钮 上传时需要输入版本好 如果 没上传过 建议用0.0.1 然后输入版版本备…

【算法与数据结构】——欧拉回路

参考博客欧拉回路基本概念判断求解 定义 如果图G&#xff08;有向图或者无向图&#xff09;中所有边一次仅且一次行遍所有顶点的通路称作欧拉通路。 如果图G中所有边一次仅且一次行遍所有顶点的回路称作欧拉回路。 具有欧拉回路的图称为欧拉图&#xff08;简称E图&#xff09…

Tomcat下载安装及配置

首先 我们要确保电脑里是有java的JDK的 如果您还没有下载可以参考我的文章 https://blog.csdn.net/weixin_45966674/article/details/123020368?spm1001.2014.3001.5502 然后我们访问地址 https://tomcat.apache.org/ 这就是Tomcat的下载目录 这边比较建议大家选9吧 这些的…

【题目记录】——2021 年百度之星·程序设计大赛 - 初赛二

文章目录1001 签到 数学 模拟1002 随机题意 思维1003 魔怔 图论 欧拉回路1004 净化 数学&#xff0c;思维题目地址 2021 年百度之星程序设计大赛 - 初赛二题目原地址 2021 年百度之星程序设计大赛 - 初赛二1001 签到 数学 模拟 题目地址1001 签到 题意&#xff1a;给a,b &…

el-cascader省市区筛选文件

<el-cascader clearablesize"large":options"options"v-model"form.result"change"handleChange"> </el-cascader>我们需要伪造一个前端数据的js省市区文件 let options [{value: 北京,label: 北京,children: [{value: …