vue上传文件并解析出内容

1.txt格式

// 导入buttonUpload(file) {let self = thislet reader = new FileReader()reader.onload = () => {if (reader.result) {console.log(reader.result)}}reader.readAsText(file)},

2.excel

    uploadText(file) {let fileReader = new FileReader()fileReader.onload = function (ev) {let workbooktry {let data = ev.target.resultworkbook = XLSX.read(data, {type: 'binary'}) // 以二进制流方式读取得到整份excel表格对象// persons = []; // 存储获取到的数据} catch (e) {console.log('文件类型不正确', e)return}// 表格的表格范围，可用于判断表头是否数量是否正确let fromTo = ''// 遍历每张表读取for (let sheet in workbook.Sheets) {if (workbook.Sheets.hasOwnProperty(sheet)) {fromTo = workbook.Sheets[sheet]['!ref']console.log(fromTo)persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]))// break; // 如果只取第一张表，就取消注释这行}}console.log(persons)}fileReader.readAsBinaryString(file.raw)},

vue上传文件并解析出内容相关推荐

vue 上传文件和下载文件
Vue上传文件,不必使用什么element 的uplaod, 也不用什么npm上找的个人写的包,就用原生的Vue加axios就行了, 废话不多说,直接上代码: html: <input type ...
Vue上传文件操作（没有CV,认真看）
项目场景: 通过vue上传文件基本操作问题描述: 使用html上传文件时,很容易理解,那么vue文件上传呢?我们学了vue不可能还往里面写原生html的内容吧! 先放代码再解释: <templ ...
Vue上传文件 iview Upload UI 组件上传组件
Vue上传文件 input支持上传文件定义type类型,隐藏样式第三定义change事件拿到file 的相关信息,accept限制支持的文件类型然后给button增加点击事件 template部 ...
vue 上传文件和下载文件
vue 上传文件和下载文件 1. 上传文件 2. 下载文件 1. 上传文件上传文件我所使用的组件是element ui 的 el-upload,我一共进行了如下两步,第一步:修改样式,因为el-up ...
antd vue表单上传文件_Vue编译出静态文件上传七牛CDN
Vue作为目前比较流行的前端开发框架,在前后端分离比较时尚的今天异常火热,下面分享下怎么把Vue编译出来的静态文件上传到CDN,在这里主要是七牛云的CDN. Vue项目进行编译编译命令: npm r ...
浏览器上传文件窗口空白无内容或者点击按钮不弹出文件选择的问题
公司有个上传文件的网站,最近弹出的选择文件上传窗口为空白无内容.网上找了很多办法都没用,后来看到网页上提示建议使用chrome浏览器并附带下载就下载了试试.下下来的是个老版本的chrome浏览器,弹窗 ...
SpringBoot+Vue上传文件
最近在研究SpringBoot+Vue的文件上传,踩了不少坑.现在将正确的文件上传流程分享一下. 一.前端采用ElementUI组件前端页面完整代码: <template><el- ...
vue 上传文件到华为云obs
有两种方式, 第一种是在前端直接上传文件到obs, 第二种是先把文件上传到后台, 然后后台再调用obs对应开发语言的SDK 1. 前端直接上传文件到obs,不经过后端 1.1 使用npm引入包 // ...
vue 上传文件至阿里云oss
先让后端在阿里云里面处理跨域问题参考这篇文章 vue直传图片到阿里云OSS(单张直接上传)__小郑有点困了的博客-CSDN博客_vue 阿里云背景:近期项目使用到多图片上传功能,常规的调用后端接 ...

vue上传文件并解析出内容

vue上传文件并解析出内容相关推荐

最新文章

热门文章