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

发布时间:2021-01-12 11:32 作者:jianzhan

摘要: 手机微信微信小程序 照片提交案例详细说明 文章投稿:lqh 本文关键详细介绍了手机微信微信小程序 照片提交案例详细说明的有关材料,必须的朋友能够参照下一.掌握wx.chooseImage(

微信小程序 图片上传实例详解     投稿:lqh   这篇文章主要介绍了微信小程序 图片上传实例详解的相关资料,需要的朋友可以参考下

一.了解wx.chooseImage(OBJECT)


二.代码编程

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

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

 view 
 button type="primary"bindtap="chooseimage" 获取图片 /button 
 image src="{{tempFilePaths }}" mode="aspecFill" / 
 /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 
}) 


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


  • 小区团购价微信小程序有

    住宅小区团购价价手机微信微信小程序有哪些优势?1,引流方法方式更便捷便捷手机微信微信小程序背靠手机上手机微信1两亿+的优质顾客,且手机上手机微信也对外开放对外开放了众

  • 手机微信微信小程序模版

    许多要想做的朋友由于苦于沒有充裕资产而挑选微信小程序模版做为自身的。但实际上挑选模版是有许多缺点的,网编带大伙儿掌握下的缺点。 那麼什么叫呢? 简易点来讲,便是用一

  • 抢解题库微信小程序开发

    模拟题目:抢答题库手机微信微信小程序开发设计设计方案 答题类的手机微信微信小程序即玩即走的方法很受顾客热情热烈欢迎,高效率率的引流方法方式具体实际效果让很多商家在手

  • 发觉6个超功能强大的手机

    模拟题目:发现6个超作用强劲的手机上手机微信手机微信微信小程序,都会有一个适合你,建议先本人个人收藏一份! 发现大伙儿现如今越来越越越离不开手机上到了,无论是干什么都

  • 到底什么是小程序?

    对于新产品类的出现,互联网普通百姓们一直由不得独立的兴奋,兴奋的同时大部分分分人持迟疑心理状态。2017年一月份手机微信微信小程序面世,到现如今早就快三年时间,早已亲自