uniapp上传文件封装方法

最新推荐文章于 2024-07-20 17:39:15 发布

xiaozhahza

最新推荐文章于 2024-07-20 17:39:15 发布

阅读量744

点赞数

本文链接：https://blog.csdn.net/xiaozhahza/article/details/119930531

版权

关键词由CSDN通过智能技术生成

随便写写，嘿嘿

创建一个js文件，写入以下代码

export function uploadeFiles(type, count) {
	return new Promise((req, rej) => {
		uni.chooseFile({
			type,//上传文件类型图片，视频，音频
			count,
			success(e) {
				let token = uni.getStorageSync('token')
				uni.uploadFile({
					url: `http://192.168.2.35:8081/api/user/upload?HLTOKEN=${token}`,
					//以上后端提供的链接地址自行拼装
					filePath: e.tempFilePaths[0],
					name: 'file',
					success: (e) => {
						req(e)
					},
					fail: (e) => {
						rej(e)
					}
				})
			}
		})
	})

}

在需要使用的地方引入该方法uploadefiles()

	import {
		uploadeFiles
	} from '../../until/uploade.js'


//然后在需要调用的地方直接调用该方法

methods：{
	up(){
		uploadeFiles().then(res=>{
		//res为返回的链接地址，将这个链接重新以参数形式传给后台
		})
	}
}