以下是使用Angular 10进行POST请求并上传Directus WAV文件的示例代码:
@angular/common/http
模块。在终端中运行以下命令安装它:npm install @angular/common/http
import { HttpClient, HttpHeaders } from '@angular/common/http';
constructor(private http: HttpClient) { }
uploadFile(file: File) {
const formData = new FormData();
formData.append('file', file);
const headers = new HttpHeaders();
headers.append('Authorization', 'Bearer YOUR_DIRECTUS_API_TOKEN');
this.http.post('https://your-directus-api-url.com/files', formData, { headers })
.subscribe(response => {
console.log(response);
// 处理上传成功的逻辑
}, error => {
console.error(error);
// 处理上传失败的逻辑
});
}
在上面的代码中,我们首先创建一个FormData对象,并将文件附加到它上面。然后,我们创建一个包含Directus API身份验证令牌的HttpHeaders对象。最后,我们使用HttpClient的post方法发送POST请求,并将FormData和Headers作为参数传递。
确保将YOUR_DIRECTUS_API_TOKEN
和https://your-directus-api-url.com/files
替换为你自己的Directus API令牌和文件上传端点。
在上面的代码中,我们使用(change)事件监听文件上传输入元素的变化,并调用uploadFile方法来处理文件上传。
这就是使用Angular 10进行POST请求并上传Directus WAV文件的示例代码。记得替换YOUR_DIRECTUS_API_TOKEN
和https://your-directus-api-url.com/files
为你自己的值。
上一篇:Angular 10 ngb-progress bar未显示
下一篇:Angular 10 如何修复警告:(node:27976) ExperimentalWarning: The fs.promises API is experimental