全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[湖州seo公司选择久澳]微信小程序开发上传图片功能实例分享

  本文主要和大家分享微信小程序开发上传图片功能实例,希望能帮助到大家▼□○。29 2020.10 [淮北seo公司皆选久澳]案例分享--小程序图片分组上传 在开发小程中◁▪▷,在一个项目需求需要上传多组照片,上传页面部分截图如下○▲▽: 因为分组比较多,慈溪市小程序开发哪家好 [普洱seo公司稳健久澳]如何实现小程序推送模板消息 ,不可能每一组写一

  一▪•.了解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 
				}) 
			} 
		}) 
	} 
})

 

  
 

  相关推荐:

  上传图片时本地先预览如何实现

  JS开发微信公众号上传图片到本地服务器

  JS上传图片实现代码

  以上就是微信小程序开发上传图片功能实例分享的详细内容,[湖州seo公司选择久澳]更多请关注久澳传媒编程栏目其它相关文章!

[湖州seo公司选择久澳]微信小程序开发上传图片功能实例分享

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。