是的,可以将文件从计算机上传到仅使用vanilla JS的项目文件夹。在前端开发中,可以使用HTML5的File API来实现文件上传功能。以下是一个基本的实现步骤:
<input type="file" id="fileInput">
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', function(event) {
const file = event.target.files[0];
// 在这里可以对文件进行处理或上传操作
});
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', function(event) {
const file = event.target.files[0];
const xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true); // 上传的URL地址
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 上传成功
console.log('文件上传成功');
}
};
const formData = new FormData();
formData.append('file', file); // 将文件添加到FormData对象中
xhr.send(formData); // 发送请求
});
需要注意的是,上述代码只是一个基本的示例,实际应用中可能需要添加文件类型验证、文件大小限制、进度条显示等功能。
推荐的腾讯云相关产品:腾讯云对象存储(COS),它是一种高可用、高可靠、强安全的云端存储服务,适用于存储、备份、归档、大数据分析等场景。您可以通过以下链接了解更多信息: 腾讯云对象存储(COS):https://cloud.tencent.com/product/cos
领取专属 10元无门槛券
手把手带您无忧上云