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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 关于iframe嵌套页面传值

    关于iframe嵌套页面传值2.在嵌套的js文件里面直接location.search就可以拿到通过url拿过来的值,在发送的url处写个?进行判断到底传过来的是什么值。1.我这边为vue的页面,直接在static里面将页面放进去,通过url进行传值。…

    2025年5月26日
    3
  • PyTorch学习之六个学习率调整策略

    PyTorch学习之六个学习率调整策略PyTorch学习率调整策略通过torch.optim.lr_scheduler接口实现。PyTorch提供的学习率调整策略分为三大类,分别是有序调整:等间隔调整(Step),按需调整学习率(MultiStep),指数衰减调整(Exponential)和余弦退火CosineAnnealing。自适应调整:自适应调整学习率ReduceLROnPlateau。自定义调整:自定义调整学习率…

    2022年6月8日
    43
  • CentOS8 Docker 端口映射

    CentOS8 Docker 端口映射概念端口映射:端口映射就是将内网中的主机的一个端口映射到外网主机的一个端口,提供相应的服务。当用户访问外网IP的这个端口时,服务器自动将请求映射到对应局域网内部的机器上。例:我们在内网中有一台Web服务器,但是外网中的用户是没有办法直接访问该服务器的。于是我们可以在路由器上设置一个端口映射,只要外网用户访问路由器ip的80端口,那么路由器会把自动把流量转到内网Web服务器的80端口上。使用使用:dockerrun–namecontainer-name:tag-d-p服务器端口:Doc

    2022年10月18日
    3
  • mysql 前缀索引 语法_MySQL 前缀索引

    mysql 前缀索引 语法_MySQL 前缀索引索引前缀使用字符串列的索引规范中的语法,您可以创建仅使用列首字符的索引。以这种方式仅索引列值的前缀可以使索引文件小得多。为a或column编制索引时,必须为索引指定前缀长度。例如:col_name(N)NBLOBTEXTCREATETABLEtest(blob_colBLOB,INDEX(blob_col(10)));前缀最长可以为1000个字节(InnoDB表中为767…

    2022年5月24日
    36
  • c/c++面试题大汇总_北京易联达C语言面试咋样

    c/c++面试题大汇总_北京易联达C语言面试咋样c++的知识点

    2022年8月6日
    8
  • Android Object 转 Json

    Android Object 转 JsonStringstr=newGson().toJson(obj)

    2022年5月9日
    41

发表回复

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

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