微信小程序 图片上传实例详解

一.了解wx.chooseImage(OBJECT)

二.代码编程

在pages文件里面创建uploadimg文件夹

1.编写页面结构:uploadimg.wxml

<view class="container" style="padding:1rem;"> 
  <button type="primary"bindtap="chooseimage">获取图片</button>  
  <image src="{{tempFilePaths }}" mode="aspecFill" style="width: 100%; height: 450rpx;margin:1rem 0;"/>  
</view>

2.设置数据:uploadimg.js

//获取应用实例  
var app = getApp()  
Page({ 
  data: {  
    tempFilePaths: '',  
  }, 
  /**  
   * 上传图片 
   */ 
  chooseimage: function () {  
    var _this = this;  
    wx.chooseImage({  
      count: 1, // 默认9  
      // 可以指定是原图还是压缩图，默认二者都有  
      sizeType: ['original', 'compressed'],  
      // 可以指定来源是相册还是相机，默认二者都有 
      sourceType: ['album', 'camera'],  
     // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片   
      success: function (res) {  
     
        _this.setData({  
         tempFilePaths:res.tempFilePaths  
        })  
      }  
    })  
  }  
}) 

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序 图片上传  # 小程序 上传图片  # 都有  # 希望能  # 谢谢大家  # 上传图片  # 应用实例  # rem  # mode  # gt  # type  # style  # padding  # src  # bindtap  # chooseimage  # image  # button  # tempFilePaths  # primary  # container  # pages 

相关文章： 微信小程序制作网站有哪些,微信小程序需要做网站吗？  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  如何在Golang中引入测试模块_Golang测试包导入与使用实践  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  英语简历制作免费网站推荐,如何将简历翻译成英文？  音乐网站服务器如何优化API响应速度？  如何在阿里云高效完成企业建站全流程？  制作企业网站建设方案,怎样建设一个公司网站？  怀化网站制作公司,怀化新生儿上户网上办理流程？  建站主机CVM配置优化、SEO策略与性能提升指南  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  建站之星北京办公室：智能建站系统与小程序生成方案解析  开源网站制作软件,开源网站什么意思？  如何通过建站之星自助学习解决操作问题？  手机网站制作与建设方案,手机网站如何建设？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  建站之星展会模版如何一键下载生成？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  高端建站三要素：定制模板、企业官网与响应式设计优化  内网网站制作软件,内网的网站如何发布到外网？  黑客如何通过漏洞一步步攻陷网站服务器？  如何在Windows 2008云服务器安全搭建网站？  如何挑选优质建站一级代理提升网站排名？  定制建站流程步骤详解：一站式方案设计与开发指南  Java解压缩zip - 解压缩多个文件或文件夹实例  海南网站制作公司有哪些,海口网是哪家的？  盘锦网站制作公司,盘锦大洼有多少5G网站？  建站主机SSH密钥生成步骤及常见问题解答？  如何基于云服务器快速搭建网站及云盘系统？  上海网站制作开发公司,上海买房比较好的网站有哪些？  广州美橙建站如何快速搭建多端合一网站？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  利用JavaScript实现拖拽改变元素大小  如何通过商城免费建站系统源码自定义网站主题？  网站制作服务平台,有什么网站可以发布本地服务信息？  如何在IIS中新建站点并解决端口绑定冲突？  如何在阿里云通过域名搭建网站？  Swift开发中switch语句值绑定模式  学校为何禁止电信移动建设网站？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  网站制作软件免费下载安装,有哪些免费下载的软件网站？  已有域名和空间如何快速搭建网站？  如何用狗爹虚拟主机快速搭建网站？  制作网站的软件免费下载,免费制作app哪个平台好？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  网站制作公司排行榜,抖音怎样做个人官方网站  如何在阿里云香港服务器快速搭建网站？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？