uniapp中临时文件路径上传后端服务器
创始人
2025-01-17 01:03:30
0

1.临时文件转base64

 uni.getFileSystemManager().readFile({ 							   filePath:e.detail.avatarUrl, 							   encoding:'base64', 							   success:r => { 								   console.log(r.data,'base64'); 							   } 						   })

2.base64转本地文件路径

const fileName = 'test.jpg'; // 指定文件名  const filePath =`${wx.env.USER_DATA_PATH}/${fileName}`; // 拼接文件路径  uni.getFileSystemManager().writeFile({ 				 filePath, 				 data: r.data,//上面的base64 				 encoding: 'base64', 				 success() { 				 console.log('写入文件成功', filePath);///zb_users/upload/2024/csdn/test.jpg                  }                  })

3.上传文件

uni.uploadFile({             url: 'xxx', // 替换成你的上传接口地址             filePath, // 传入本地文件路径             name: 'file', // 服务器接收的文件字段名 			success(uploadFileRes) { 					let data = JSON.parse(uploadFileRes.data) 					console.log(data,'uploadFileRes'); 									}, 		    fail(err) { 					console.error('上传失败', err); 					 } 				});

 4.整体

 uni.getFileSystemManager().readFile({                                filePath:e.detail.avatarUrl,                                encoding:'base64',                                success:r => {                                    console.log(r.data,'base64');                  const fileName = 'test.jpg'; // 指定文件名                  const filePath =`${wx.env.USER_DATA_PATH}/${fileName}`; // 拼接文件路径  uni.getFileSystemManager().writeFile({                  filePath,                  data: r.data,//上面的base64                  encoding: 'base64',                  success() {                  console.log('写入文件成功', filePath);///zb_users/upload/2024/csdn/test.jpg  uni.uploadFile({             url: 'xxx', // 替换成你的上传接口地址             filePath, // 传入本地文件路径             name: 'file', // 服务器接收的文件字段名             success(uploadFileRes) {                     let data = JSON.parse(uploadFileRes.data)                     console.log(data,'uploadFileRes');                                     },             fail(err) {                     console.error('上传失败', err);                      }                 });                  }                  })                                }                            })

相关内容

热门资讯

我来教教大家!微扑克辅助挂多功... 我来教教大家!微扑克辅助挂多功能透视工具,切实真的有挂(有挂分析)1、微扑克免费脚本咨询教程、微扑克...
今日科普!德普之星辅助挂多功能... 今日科普!德普之星辅助挂多功能透视工具,原来是有挂(有挂教程)1、进入到德普之星是否有挂之后,能看到...
玩家必看教程!德普之星辅助挂多... 玩家必看教程!德普之星辅助挂多功能透视工具,好像真的有挂(真的有挂)1)德普之星辅助插件:进一步探索...
玩家必备教程!德扑圈辅助挂多功... 玩家必备教程!德扑圈辅助挂多功能透视工具,一直真的是有挂(果真有挂)1、完成德扑圈有辅助插件,帮助玩...
分享给玩家!德普之星辅助挂多功... 分享给玩家!德普之星辅助挂多功能透视工具,一直存在有挂(有挂技巧)德普之星是不是有人用挂微扑克wpk...
实测揭晓!德扑圈辅助挂多功能透... 实测揭晓!德扑圈辅助挂多功能透视工具,总是是真的有挂(详细教程)1、超多福利:超高返利,海量正版游戏...
玩家必备科技!红龙poker辅... 玩家必备科技!红龙poker辅助挂多功能透视工具,果然真的有挂(有挂秘籍)1)红龙poker免费钻石...
盘点一款!智星德州扑克辅助挂多... 盘点一款!智星德州扑克辅助挂多功能透视工具,真是真的有挂(存在有挂)1、智星德州扑克脚本辅助下载、智...
记者发布!智星菠萝德州辅助挂多... 记者发布!智星菠萝德州辅助挂多功能透视工具,本来存在有挂(今日头条)1、上手简单,内置详细流程视频教...
科技通报!德扑之星辅助挂多功能... 科技通报!德扑之星辅助挂多功能透视工具,一贯是有挂(竟然有挂)德扑之星辅助器是一种具有地方特色的麻将...