读取上传附件的内容与手动上传附件
1、以element-ui中的上传附件为例,读取上传附件的内容

上图中的截图是el-upload组件上传附件后返回的内容,其中raw字段的值便是文件的信息,如果我们想要读取文件中的具体信息,用以下方式:
1 let reader = new FileReader(); 2 reader.readAsText(file.raw); // 以字符串的格式读取文件 3 reader.onload = function() { 4 console.log(this.result); //文件的内容 5 }; 6 // 其他的读取方式可以查看下面链接 7 https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader
2、以element-ui中的上传附件为例,手动上传附件
上图我们已经知道raw字段的值便是待上传的附件信息
1 // 附件上传 2 var formdata = new FormData(); 3 formdata.append("file", file.raw); 4 // 下图列子中,formdata作为手动上传中post请求中的body参数的值

【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了