在 UniApp 中,可以通过 wx.getFileSystemManager().readFile 将临时文件转换为 Base64 编码,并将编码后的数据发送给后端的 PHP 服务器解码保存到服务器上。以下是实现步骤:
1. 将临时文件转换为 Base64 编码uni.chooseImage({ success: (res) => { const filePath = res.tempFilePaths[0]; // 读取文件并转换为 Base64 uni.getFileSystemManager().readFile({ filePath: filePath, encoding: 'base64', success: (result) => { const base64Data = result.data; // 发送 Base64 数据到后端 uni.request({ url: 'https://your-backend-url.com/upload.php', method: 'POST', data: { fileData: base64Data, fileName: 'yourFileName.jpg' // 文件名可自定义 }, success: (uploadRes) => { console.log('上传成功', uploadRes.data); }, fail: (err) => { console.error('上传失败', err); } }); }, fail: (error) => { console.error('文件读取失败', error); } }); } });2. 后端 PHP 代码:解码并保存 Base64 文件
在 PHP 服务器端,接收并解码文件数据,再保存到服务器上。如下所示:
<?php // 获取 POST 中的文件数据和文件名 $fileData = $_POST['fileData']; $fileName = $_POST['fileName']; // 设置保存路径 $savePath = "uploads/" . $fileName; // 将 Base64 数据解码为二进制数据 $fileContent = base64_decode($fileData); // 保存文件到服务器 if (file_put_contents($savePath, $fileContent)) { echo json_encode(['status' => 'success', 'message' => 'File uploaded successfully.']); } else { echo json_encode(['status' => 'error', 'message' => 'Failed to save file.']); } ?>注意事项后端安全:确保服务器端对上传的 Base64 数据进行验证,以防止潜在的安全风险。文件名管理:避免文件名冲突,可以在文件名前增加时间戳或唯一标识符。目录权限:确保 PHP 有权限在 uploads 目录下写入文件。
网友回复