使用uniapp和uview上传图片

最新推荐文章于 2024-09-20 14:39:14 发布

巴啦啦小前端

最新推荐文章于 2024-09-20 14:39:14 发布

阅读量1.3w

点赞数 2

分类专栏：上传 uniapp uview 文章标签： upload

本文链接：https://blog.csdn.net/c_00ufo/article/details/108873624

版权

uniapp 同时被 3 个专栏收录

5 篇文章 1 订阅

订阅专栏

上传

3 篇文章 0 订阅

订阅专栏

uview

1 篇文章 0 订阅

订阅专栏

该博客展示了如何在uni-app中使用`u-upload`组件进行文件上传，配合`beforeUpload`钩子函数处理上传前的逻辑，包括设置额外参数并调用`uni.uploadFile`接口将文件发送到服务器。

摘要由CSDN通过智能技术生成

不多BB，上代码，各位看官：


template部分：
<u-upload ref="uUpload" :action="action" :before-upload="beforeUpload" :file-list="lungFileList"></u-upload>

js部分：
beforeUpload(index,list) {
	this.beforeAvatarUpload(list)  
},
beforeAvatarUpload(file) {
	let param = {};
	param.imgType = "lung";
	param.visitId = uni.getStorageSync("visitorItem").id;
	uni.uploadFile({
		url: this.baseURL + '/patient/image',//你上传接口
		filePath:file[0].url,//上传的文件
		name:"fileName", //后台接收文件的标识
		formData:{  //传递的额外参数，只能是objectle类型
			"param":JSON.stringify(param) //自己项目需要
		}, 
		success: (res) => {
						console.log(res)
						if (res.data.status == 'SUCCESS') {
							
						} else {
							
						}
					},
					fail: (err) => {
						
					}
		});
	}