uni h5上传pdf文件到服务器

样式啥的就略过吧,使用uni.chooseMessageFile方法,直接上代码吧

        data() {
			return {
				fileList:[],  //传给服务器
				file:[], //传给后端,提交接口使用
			}
		},
            // 上传pdf 从本地选择文件
			chooseFile() {
				uni.chooseMessageFile({
					count: 6, //最多可以选择的文件数量,默认100
					extension: ['.pdf'], //所选的文件的类型,默认全部
					success: (res) => {
						this.fileList = res.tempFiles; 
						console.log(this.fileList ,'this.fileList ');
						// 调用上传文件方法
						this.uploadFile()
					},
					fail: (err) => {
						console.log(err);
					}
				});
			},
			uploadFile(){
				let info = uni.getStorageSync('userInfo')
				let that = this
				this.fileList.forEach(file=>{
					uni.uploadFile({
						filePath: file.path,
						header: {
							'content-type': 'multipart/form-data',
							'token': info ? JSON.parse(info).token : ''
						},
						name: 'file',
						url: that.$cfg.httpUrl + 'index/upload',
						success: function(res) {
							let data = JSON.parse(res.data)
							if (data.code == 1) {
								that.file.push(data.data.url)
							}
						},
						fail: function(res) {
							console.log(res);
						}
					})
				})
			},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值