uniapp,小程序上传图片

uniapp,小程序上传图片html<image@click=”chooseImage”:src=”pic”class=”toux”mode=””></image>jschooseImage(){ var_this=this uni.chooseImage({ count:1,//默认9 sizeType:[‘original’,’compressed’],//可以指定是原图还是压缩图,默认二者都有 sourceType:[‘album’,’came

大家好,又见面了,我是你们的朋友全栈君。

html
<image @click="chooseImage" :src="pic" class="toux" mode=""></image>
js
chooseImage() {
		var _this = this
		uni.chooseImage({
			count: 1, //默认9
			sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
			sourceType: ['album', 'camera'], //从相册选择、摄像头
			success: function(res) {
				_this.imgShow = res.tempFilePaths[0]
				_this.uploadFile()
			}
		});
	},
	uploadFile(){
		var _this = this
		uni.uploadFile({
			url:this.$baseUrl+`/upload/uploadFile?type=${uni.getStorageSync('userType')}`,
			filePath:this.imgShow,
			name:'file',
			 header: {
                 "Content-Type": "multipart/form-data"
               },
			success:(res)=>{
				var image = JSON.parse(res.data)
				this.tou = image.data.imgUrl
				this.$myRequest({
					url: `/login/uploadAvatar?id=${uni.getStorageSync("userId")}&type=${uni.getStorageSync('userType')}&pic=${this.tou}`, 
					method:'post',
					data:{}
				}).then(data=>{
					if(data.data.code == 200){
						_this.pic = data.data.data.user.pic
						uni.setStorageSync("imgs",data.data.data.user.pic)
					}
				})
			}
		})
	},
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/149352.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • python支持向量机回归_支持向量机——核函数与支持向量回归(附Python代码)[通俗易懂]

    python支持向量机回归_支持向量机——核函数与支持向量回归(附Python代码)[通俗易懂]上期跟大家介绍了支持向量机的一般原理,今天继续跟大家聊聊支持向量机——核函数与支持项链回归。1核函数数据通过某种变换,使原本二维的问题通过某种函数转换到高维的特征空间,而这个函数就称为核函数。核函数有很多种,有线性核函数,多项式核函数,高斯核函数等,其中高斯核函数最为著名。核函数可以说是支持向量机的灵魂,因为现实生活中,我们不大可能通过一个线性的等式就可以完美的解决一个分类问题,总是要经过核函数…

    2022年6月5日
    37
  • python里数组如何定义_Python创建数组

    python里数组如何定义_Python创建数组1、Python的数组分三种类型:(1)list普通的链表,初始化后可以通过特定方法动态增加元素。定义方式:arr=[元素](2)Tuple固定的数组,一旦定义后,其元素个数是不能再改变的。定义方式:arr=(元素)(2)Dictionary词典类型,即是Hash数组。定义方式:arr={元素k:v}2、下面具体说明这些数组的使用方法和技巧:(1)list链表数组a、…

    2022年8月13日
    12
  • 深度学习、机器学习方向计算机毕业设计题目大全(算法应用实践类)

    深度学习、机器学习方向计算机毕业设计题目大全(算法应用实践类)(吐血整理)手动整理了1500多个深度学习及机器学习相关算法在实际应用中的项目,完全可以作为本科生当前较新的毕业设计题目选择方向。讲道理有些题目,比如“用户评分的隐式成分信息的研究”这种题目取的就比较广,有点科学研究的味道,如果真的去做,还是比较有技术含量的。因为其下一步的应用是具有广阔前景的。还有部分项目可能需要大量的数据集,收集的收集和整理比较麻烦。另外对自己电脑的要求也比较高。大家在选择…

    2022年5月7日
    108
  • mybatiscodehelperpro激活码【中文破解版】

    (mybatiscodehelperpro激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html83…

    2022年3月22日
    32
  • 数据库的增删改查和使用流程

    数据库的增删改查和使用流程

    2021年12月8日
    51
  • cmd cd到d盘切换不过去_cmd删除盘符

    cmd cd到d盘切换不过去_cmd删除盘符今天使用dos命令行切换盘符突然发现无法切换(Win7系统)。瞬间感觉就不好了。解决办法:1直接用命令:e:即可2命令:cd/de:可是cde:命令是干什么用的呢?是用来切换e盘的工作目录的.(你cdf:,就是切换f盘的工作目录)如果我们输入cde:之后将盘符切换到E盘,运行截图为(好像效果不明显):如

    2022年9月27日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号