使用Web API实现文件上传和下载:可以使用现代浏览器支持的Web API(如Fetch API或XMLHttpRequest)在前端上传或下载文件,然后使用服务器端脚本来处理文件的代码
时间: 2023-05-20 19:03:02 浏览: 100
可以使用以下代码实现文件上传和下载:
文件上传:
```javascript
const fileInput = document.querySelector('input[type="file"]');
const formData = new FormData();
formData.append('file', fileInput.files[0]);
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => {
console.log('File uploaded successfully!');
})
.catch(error => {
console.error('Error uploading file:', error);
});
```
文件下载:
```javascript
fetch('/download')
.then(response => {
return response.blob();
})
.then(blob => {
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'file.txt';
document.body.appendChild(a);
a.click();
a.remove();
})
.catch(error => {
console.error('Error downloading file:', error);
});
```
请注意,这只是一个示例代码,您需要根据您的具体需求进行修改和调整。