使用uni-app,敲上传图片

本文记录了uni-app中遇到的图片上传失败问题,原始代码中`success`回调处理方式导致数据无法正确赋值。通过调整为箭头函数成功解决了问题,实现了图片路径数组`imgArr`的填充。这是一个关于uni-app微信小程序开发中常见的错误及解决办法。
摘要由CSDN通过智能技术生成

uni-app

上传图片:

export default {
	data() {
		return {
		    imgArr: []
	    }
	},
	methods: {
		chooseImg() {
			uni.chooseImage({
				count: 5,
				success(res) {
					this.imgArr = res.tempFilePaths
				}
			})
		}
	}
}

编译出错,imgArr未拿到数据。

微信小程序报错信息如下:

解决:

methods: {
	chooseImg() {
		uni.chooseImage({
			count: 5,
			success: res=> {
				this.imgArr = res.tempFilePaths
			}
		})
	}
}

拿到数据:

解决是解决了,不知道什么原理, 请路过大佬指点。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Uni-app是一种基于Vue.js框架的跨平台应用开发框架,它可以帮助开发者在一次编写的代码基础上,同时生成多个平台(如iOS、Android、Web等)的应用。在使用uni-app开发微信小程序时,可以很方便地实现木鱼功能。开发者可以使用uni-app提供的组件和API来实现击手机屏幕时播放木鱼声音的效果。具体实现方式可以参考uni-app官方文档和教程,这里提供了一种简单的实现思路: 1. 首先,在uni-app项目中创建一个页面,用于展示木鱼的界面。 2. 在该页面的模板中,可以使用uni-app提供的组件,例如`<view>`、`<button>`等,来实现界面的布局和交互。 3. 使用uni-app提供的音频组件,如`<audio>`,设置音频源为木鱼声音文件。可以在页面加载时预加载音频,或者在击木鱼时动态加载音频。 4. 在按钮的点击事件中,使用uni-app提供的API,如`uni.showToast()`等方法,来实现木鱼时的交互效果,如显示提示信息、播放音频等。 5. 可以通过调整音频的音量、音色等参数来实现用户可调节的功能。可以使用uni-app提供的滑动选择器组件,如`<picker>`,来实现用户选择音量、音色等参数的界面。 6. 如果需要实现计时器功能,可以使用uni-app提供的定时器功能,如`setInterval()`方法,来实现定时播放木鱼声音的效果。 综上所述,使用Uni-app开发木鱼功能的微信小程序非常简单。开发者只需要利用Uni-app提供的组件和API,结合自己对木鱼功能的需求进行相应的编码即可。希望以上信息对您有帮助。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值