js已知文件本地路径上传文件
时间: 2023-09-11 14:09:47 浏览: 105
可以使用HTML5中的File API来实现本地文件上传。
首先,需要在HTML中创建一个文件选择框:
```html
<input type="file" id="fileInput">
```
然后,在JavaScript中获取这个文件选择框的引用,并添加一个change事件监听器:
```javascript
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', handleFileSelect, false);
```
在事件监听器函数`handleFileSelect`中,可以使用FileReader对象读取文件内容,并发送到服务器:
```javascript
function handleFileSelect(event) {
const file = event.target.files[0];
const reader = new FileReader();
reader.onload = function() {
// 读取文件内容成功后,发送到服务器
const fileContent = reader.result;
const formData = new FormData();
formData.append('file', fileContent);
fetch('/upload', {
method: 'POST',
body: formData
}).then(response => {
// 处理上传结果
}).catch(error => {
// 处理上传错误
});
};
reader.readAsText(file);
}
```
这里使用了`fetch`函数发送POST请求,将文件内容作为FormData的一部分发送到服务器。服务器端就可以根据实际情况来处理上传的文件内容了。
阅读全文