uniapp中的上传文件及打开文件

一、先选择文件

let that = this;
uni.chooseMessageFile({
	count: 1,
	success: res => {
		console.log(res);
		//name是自动获取到的文件名称
		let name = res.tempFiles[0].name;
		//获取到的文件路径
		let filePath = res.tempFiles[0].path;
		that.upload(name, filePath);
	}
})

二、上传文件

upload(name,fileUrl){
	let that = this;			
	uni.uploadFile({
		url: 'https://jtapi.qiandaokeji.club/api/v1/upload/file',
		filePath: fileUrl,
		name: 'file',
		header: {
			"Content-Type": "multipart/form-data",
		},
		formData: {
			"api_token": that.api_token,
		},
		success: res => {
			console.log(res)
			let url = JSON.parse(res.data).data.url;
			let size = JSON.parse(res.data).data.size;
			let suffix = JSON.parse(res.data).data.ext;		
		}
	})
},

三、打开文件

preview(item){
	let isImage = until.isImage(item.suffix);
	if (isImage) {
		let imageList = [item.url];
		uni.previewImage({
			current: item.url,
			urls: imageList,
			fail: res => {
				console.log(res);
				uni.showToast({
					icon: "none",
					title: "图片打开异常"
				})
			}
		})
	} else {
		uni.showLoading({
			title: "文档下载中"
		})
		// 文档需要先下载到本地,然后才能打开
		uni.downloadFile({
			url: item.url,
			success: res => {
				uni.hideLoading();
				if (res.statusCode === 200) {
					uni.openDocument({
						filePath: res.tempFilePath,
						fail: res => {
							console.log(res);
							uni.showToast({
								icon: "none",
								title: "文档打开异常"
							})
						}
					})
				} else {
					uni.showToast({
						icon: "none",
						title: "文档下载异常"
					})
				}
			},
			fail: res => {
				uni.hideLoading();
				uni.showToast({
					icon: "none",
					title: "文档下载异常"
				})
			}
		})
	}
},
  • 2
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值