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有用武之地之外,在游戏、后台等方面,python也大放异彩,本篇博文将按照正规的项目开发流程,手把手教大家写个python小游戏,项目来自《Python编程从入门到实践》(本文将原项目中的部分错误进行修改完善,PS:强烈推荐这本书,真的很赞),来感受下其中的有趣之处。本次开发的游戏叫做alieninvasion。安装pygame…

    2022年5月24日
    38
  • Python模块-random模块[通俗易懂]

    Python模块-random模块

    2022年3月13日
    157
  • oracle隐式转换和显式转换_oracle显示游标和隐式

    oracle隐式转换和显式转换_oracle显示游标和隐式和其他的关系型数据库一样,oracle中也能进行一些隐式的数据转换,这对我们写SQL语句有非常用,我们可以不必麻烦地手动转化很多类型的字符。虽然前面我们介绍了一些使用例如to_char,to_date的函数进行强制转换的方法,但是隐式转换也还是不错的。Orac和其他的关系型数据库一样,oracle中也能进行一些隐式的数据转换,这对我们写SQL语句有非常用,我们可以不必麻烦地手动转化很…

    2022年10月11日
    4
  • PKI 体系概述_计算机学科体系概述

    PKI 体系概述_计算机学科体系概述CA中心——CA系统——数字证书CA中心管理并运营CA系统,CA系统负责颁发数字证书。专门负责颁发数字证书的系统称为CA系统,负责管理并运营CA系统的机构称为CA中心。所有与数字证书相关的各种概念和技术,统称为PKI(PublicKeyInfrastructure)。传统密码学换位加密法; 替换加密法;现代密码学加密基元加密基元就是一些基础的密码学算法,通过它们才能够构建更多的密码学算法、协议、应用程序。说明:散列函数(散列(hash)、指纹.

    2022年8月22日
    7
  • pod Evicted的状态究竟是何人所为

    pod Evicted的状态究竟是何人所为微信公众号:运维开发故事,作者:姜总背景今天发现好多pod的状态都是Evicted,然后我没有监控的权限,本来想看看grafana上监控图是否出现了特殊情况,无奈没权限看。因为我发现pod出现大量的Evicted状态的时候,查看pod所在的node节点,距离当时发生Evicted的时间已经是7小时之久了。因此可能会存在一种原因:发生了Evicted的时候的确磁盘已经超过默认的kubelet的资源预留参数了。但是问题发生后,触发了阈值,已经回收了磁盘空间,导致我看的时候磁盘空间已经恢复。在每个K.

    2022年5月13日
    25
  • win10好玩的代码_windows下linux终端

    win10好玩的代码_windows下linux终端Windows新终端中玩转ASCII和Emoji游戏的正确姿势

    2022年4月22日
    81

发表回复

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

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