uni-app 上传头像

最新推荐文章于 2025-06-19 17:40:30 发布

酷盖机车男

最新推荐文章于 2025-06-19 17:40:30 发布

阅读量287

点赞数

CC 4.0 BY-SA版权

分类专栏： uni-app 文章标签：前端

本文链接：https://blog.csdn.net/m0_60053251/article/details/123692172

uni-app 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何在Vue.js应用中，通过uni-app的API调用，利用$imageUrl上传图片到服务器。步骤包括选择图片、处理临时文件路径并最终上传至预设地址。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//main.js
Vue.prototype.$imageUrl ="http://www.com/baidu.com" //上传图片地址

	uploadImg() {
		uni.chooseImage({
			count: 1, //默认9
			sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
			sourceType: ['album', 'camera'], //从相册选择和拍照
			success: res => {
				this.pho = res.tempFilePaths[0]
				uni.uploadFile({
					url: this.$imageUrl, //上传的服务器地址 在vue上了，直接用
					filePath: res.tempFilePaths[0],
					name: "image",
					success: res => {
						var obj = JSON.parse(res.data)
						this.uploadpho = obj.data
						this.pho = this.url + obj.data
					}
				})
			}
		})
	},