用JavaScript写一个 根据输入框输入的文件地址上传文件的操作
时间: 2023-03-22 14:01:06 浏览: 79
您好,以下是使用JavaScript编写根据输入框输入的文件地址上传文件的操作的示例代码:
```
// 获取上传文件的输入框元素
const fileInput = document.getElementById('file-input');
// 监听上传文件的输入框元素的change事件
fileInput.addEventListener('change', function () {
// 获取要上传的文件
const file = fileInput.files[0];
// 创建FormData对象,用于上传文件
const formData = new FormData();
// 将要上传的文件添加到FormData对象中
formData.append('file', file);
// 创建XMLHttpRequest对象,用于发送上传请求
const xhr = new XMLHttpRequest();
// 监听XMLHttpRequest对象的readystatechange事件
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
// 上传成功后的处理逻辑
console.log('上传成功');
} else if (xhr.readyState === 4 && xhr.status !== 200) {
// 上传失败后的处理逻辑
console.log('上传失败');
}
};
// 发送上传请求
xhr.open('POST', '/upload');
xhr.send(formData);
});
```
上面的代码中,我们通过获取上传文件的输入框元素,并监听其change事件,来获取用户选择的要上传的文件。然后,我们创建了一个FormData对象,将要上传的文件添加到其中,再通过创建XMLHttpRequest对象,发送POST请求,将FormData对象上传到服务器。最后,在XMLHttpRequest对象的readystatechange事件中,我们可以处理上传成功或上传失败的情况。