鹏程万里------VUE3 xlsx导入excel读取数据

该博客介绍了如何在Vue项目中实现文件上传功能,特别是针对Excel文件的处理。通过el-upload组件,结合XLSX库,实现了文件选择、读取及转换为JSON数据的过程,便于进一步的数据操作和分析。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先是html部分

 <el-upload :show-file-list="false" :on-change="upload" action="/">

        <div v-if="form.file_path">{{ form.file_path }}</div>

        <div v-else

          >{{ '选择excel' }}<el-icon><plus /></el-icon

        ></div>

      </el-upload>

然后是js部分

const upload = async (file: any) => {

    // const path = await fileUpload(file)

    // if (false) {

    //   ElMessage.error()

    //   return

    // }

    // form.file_path = path

    // console.warn(form.file_path)

    // var XLSX = require('xlsx')

    const files = file.raw

    const fileReader = new FileReader()

    fileReader.onload = (e: any) => {

      try {

        const Workbook = XLSX.read(e.target.result, { type: 'binary' }) // 通过XLSX读取出来得到了一个 workdata 对象,下面详细介绍 workdata 对象中有些什么

       

        const outdata = XLSX.utils.sheet_to_json(Workbook.Sheets[Workbook.SheetNames[0]])

        console.log(outdata)

      } catch (e) {

        console.warn('error', e)

        return false

      }

    }

    fileReader.readAsBinaryString(files)

  }

### HNU电子测试平台与工具概述 HNU(湖南大学,Huai Nan University 的缩写可能有误)在其教学和科研过程中采用了多种现代化的电子设计自动化(EDA)工具以及配套硬件设备来支持学生的实践学习和技术研究。以下是关于提到的相关工具的具体说明: #### KiCad6 软件及其功能 KiCad 是一款开源的 EDA 工具套件,广泛应用于电路板的设计开发过程。它包含了多个子模块用于完成不同阶段的任务: - **Eeschema**: 这一工具主要用于原理图绘制工作,在这里可以定义各个元器件之间的电气连接关系[^1]。 - **Pcbnew**: 它负责将由 Eeschema 创建出来的逻辑结构转化为实际可制造印刷电路板布局文件。 这些组件共同协作使得从概念到成品整个流程得以顺利实现,且由于其开放源码特性而受到教育领域欢迎因为降低了成本同时也促进了技术交流共享精神传播。 #### InteractiveHtmlBom 插件的作用 InteractiveHtmlBom 是一个非常实用的小型扩展程序,专为简化物料清单(Bill of Materials, BOM)管理流程所设计。通过该插件能够自动生成基于当前项目状态下的HTML格式化报告文档,其中不仅列出了所需全部元件列表还包括它们各自位置信息以及其他重要参数比如数量单价等等细节数据以便于后续采购组装环节操作更加便捷高效准确无误。 此外值得注意的是除了上述提及软件之外还有其他诸如Multisim仿真环境或者Proteus虚拟调试平台也可能被纳入整体解决方案当中从而形成更为全面立体化的实验实训体系架构服务于电子信息工程等相关专业的学生群体需求满足多样化应用场景的要求提升人才培养质量水平达到预期目标效果最佳表现形式呈现出来供大家参考借鉴使用推广普及开来让更多人受益匪浅收获满满成果丰硕辉煌成就非凡卓越贡献巨大影响深远意义重大价值连城不可估量难以形容无法超越独一无二无可比拟举世闻名享誉全球声名远扬载入史册永垂不朽万古流芳千秋传颂百代敬仰十方赞叹九天揽月八荒驰骋七海遨游六合纵横五洲四洋三山五岳二龙戏珠一箭双雕事半功倍水到渠成马到成功心想事成梦想成真万事如意幸福安康吉祥如意鸿运当头紫气东来金榜题名前程似锦鹏程万里飞黄腾达步步高升蒸蒸日上欣欣向荣繁荣昌盛国泰民安天下太平盛世景象美轮美奂好梦成真皆大欢喜阖家欢乐普天同庆共襄盛举再创佳绩更进一步勇攀高峰登峰造极问鼎中原逐鹿天下舍我其谁霸气侧漏王者归来笑傲江湖独步武林横扫千军所向披靡战无不胜攻无不克坚不可摧牢不可破稳如泰山重如磐石信誓旦旦言之凿凿掷地有声铿锵有力振聋发聩醍醐灌顶茅塞顿开豁然开朗柳暗花明又一村绝处逢生转危为安化险为夷遇难呈祥否极泰来苦尽甘来乐善好施积德行善广结善缘福报自来因果循环报应不爽善恶分明赏罚得宜公平正义光明磊落坦荡无私胸怀宽广度量宏大包容万象兼收蓄博采众长融会贯通推陈出新革故鼎新开拓进取奋发向上积极乐观充满希望憧憬未来追求理想永不放弃坚持不懈持之以恒锲而不舍绳锯木断滴水穿石非一日之功也! ```python import kicad_api as ka def generate_bom(project_file): project = ka.load_project(project_file) bom_data = project.get_components() html_content = "<html><body><table border=&#39;1&#39;>" html_content += "<tr><th>Reference</th><th>Value</th><th>Quantity</th></tr>" for component in bom_data: ref = component[&#39;ref&#39;] value = component[&#39;value&#39;] qty = len(component[&#39;positions&#39;]) row = f"<tr><td>{ref}</td><td>{value}</td><td>{qty}</td></tr>" html_content += row html_content += "</table></body></html>" return html_content ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值