前端：文件转换成文件流？(element-u)

ゞ浴缸里的玫瑰 2024-03-22 09:51 58阅读 0赞

问题：如何将上传文件转换成文件流后再传给后台？

上代码：

<el-upload 
                    class="text"
                    action="#"
                    :multiple="false"
                    :limit="1"
                    :http-request="UpFile"
                    :show-file-list="false"
                    :file-list="fileList"
                    :headers="headerObj">
                    <div>文件上传</div>
         </el-upload>

data() {
            return {
                fileList: [],
                //fileStream: '',
                headerObj: {
                    Authorization: window.sessionStorage.getItem('token')
                }
            }
        }

//文件上传
    UpFile(item){
         this.getFileStream(item.file);
    },
    //文件转成文件流
    getFileStream(file){   
                let that = this
                return new Promise(function(resolve,reject) {
                    let reader = new FileReader();
                    reader.readAsText(file);//file转成字符串
                    reader.onload= function() {//文件读取成功时触发                    
                        resolve(reader.result)
                    }
                }).then((result) =>{
                    //一定要处理成二进制
                    var blob = new Blob([result])
                    //向数据库中添加请求回来的模型
                    that.addEntity(shujuku.db, { id: 2, name: 'aaa.obj', model: blob })
    
     })
    },

发表评论取消回复

表情：

评论列表（有 0 条评论，58人围观）

还没有评论，来说两句吧...

相关阅读

相关前端：文件转换成文件流？(element-u)

问题：如何将上传文件转换成文件流后再传给后台？上代码： <el-upload class="text"

ゞ浴缸里的玫瑰/ 2024年03月22日 09:51/ 0 赞/ 59 阅读

相关前端如何实现.md文件转换成.html文件

![format_png][] .md文件是markdown的一种标记语言，和html比较起来，更简单快捷，主要体现在：标记符的数量和书写上。标记符的数量：h

叁歲伎倆/ 2022年12月21日 03:11/ 0 赞/ 184 阅读

相关将文件流转换成byte[]数组

InputStream is = new FileInputStream(new File("D://a.txt")); ByteArrayOutpu

缺乏、安全感/ 2022年12月20日 03:16/ 0 赞/ 254 阅读

相关把文件转换成流【常用文件存数据库操作】

文件转流 public static byte[] file2byte(String filePath) { byte[] buffer

矫情吗；*/ 2022年12月14日 15:58/ 0 赞/ 151 阅读

相关将Markdown文件转换成PDF文件

本人酷爱使用Markdown来编写技术文档，但在实际工作中，往往需要把Markdown文件转换成PDF。尝试使用了非常多个工具，经过实践检验还是Visual Stud

绝地灬酷狼/ 2022年11月14日 11:53/ 0 赞/ 391 阅读

相关 html文件转换成.vue_PDF文件如何转换成HTML？

大家都知道HTML是网页的通用语言，用处也比较多。有很多小伙伴想要将PDF文件转换成HTML超文本标记语言，但是不知道应该如何转换，那么今天我就来教教大家如何转换。不会的小伙伴

朴灿烈づ我的快乐病毒、/ 2022年10月26日 12:46/ 0 赞/ 487 阅读

相关 .py文件转换成.pyc文件

pyc介绍 pyc是一种二进制文件，是由py文件经过编译后，生成的文件，是一种byte code，py文件变成pyc文件后，加载的速度有所提高。而且pyc是一种跨平台

我不是女神ヾ/ 2022年09月03日 04:23/ 0 赞/ 327 阅读

相关将less文件转换成css文件

最近这俩年都是采用less来写样式，但最近换工作了，该公司还是采用的老技术 css2+jquery 由于习惯了新的写法，突然要回到老模式写还有点不习惯，就想到用node

绝地灬酷狼/ 2022年06月07日 07:54/ 0 赞/ 277 阅读

相关 csv文件转换成xlsx文件方法

背景：在实际工作中，我们经常会面对大批量的数据进行处理，其中将csv文件文件转换成xlsx文件就是其中的一项，废话少说，上家伙；一般方法： ![70][]

た入场券/ 2022年05月04日 11:00/ 0 赞/ 338 阅读

相关前端页面流文件

前端页面下载流文件 downloadOneFile(state, action) { console.log('downloadFileOne

女爷i/ 2022年03月18日 09:15/ 0 赞/ 213 阅读