利用JavaScript进行文件上传需要用到HTML5中的File API。基本步骤如下:
下面是一个示例代码:
javascript
const input = document.createElement('input');
input.type = 'file';
input.addEventListener('change', (event) => {
const file = event.target.files[0];
const formData = new FormData();
formData.append('file', file);
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => {
console.log('上传成功');
})
.catch(error => {
console.error(error);
});
});
document.body.appendChild(input);
利用JavaScript进行文件下载需要用到Blob对象和URL.createObjectURL方法。基本步骤如下:
下面是一个示例代码:
javascript
fetch('/download')
.then(response => response.blob())
.then(blob => {
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = 'file.txt';
document.body.appendChild(link);
link.click();
URL.revokeObjectURL(url);
})
.catch(error => {
console.error(error);
});