uniapp手机端上传文件
时间: 2023-09-27 14:12:30 浏览: 99
uniapp实现移动端上传文件功能
Uniapp提供了uni.uploadFile() API来实现文件上传功能,可以将本地文件上传到服务器。具体步骤如下:
1. 在页面中引入uni.uploadFile() API,可以在script标签中添加以下代码:
```
import uni from '@/common/js/uni.js';
```
2. 在需要上传文件的方法中,调用uni.uploadFile() API。例如:
```
uploadFile() {
uni.chooseImage({
success: (chooseImageRes) => {
uni.uploadFile({
url: 'http://your-domain.com/upload', // 上传文件的接口地址
filePath: chooseImageRes.tempFilePaths[0], // 选择的文件路径
name: 'file', // 上传到服务器的文件名称,可自定义
success: (uploadFileRes) => {
console.log(uploadFileRes.data);
}
});
}
});
}
```
其中,uni.chooseImage() API用于选择本地文件,uni.uploadFile() API用于上传文件。在上传文件时,需要传递以下参数:
- url:上传文件的接口地址;
- filePath:选择的文件路径;
- name:上传到服务器的文件名称,可自定义;
- success:上传成功后的回调函数。
注意:在使用uni.uploadFile() API上传文件时,需要在服务器端进行相应的处理,例如PHP代码如下:
```
<?php
$targetDir = "uploads/";
$targetFile = $targetDir . basename($_FILES["file"]["name"]);
if (move_uploaded_file($_FILES["file"]["tmp_name"], $targetFile)) {
echo "The file has been uploaded.";
} else {
echo "Sorry, there was an error uploading your file.";
}
?>
```
其中,$targetDir为上传文件的目录,move_uploaded_file()函数用于将临时文件移动到指定目录下。
阅读全文