electron+vue3.0实现文件上传，生成bin文件后下载

已于 2023-01-07 11:26:08 修改
阅读量936 收藏
点赞数 1
文章标签： electron javascript vue
于 2023-01-07 11:17:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ABC__789/article/details/128588792
版权

1、文件上传，并获取文件路径

2.读取文件里面的数据，并且将数据转换为十六进制，然后对数据进行效验和补位，数据处理完之后再将数据转为Unit8Array

3.创建bin文件，再用Buffer.from包裹数组然后写入bin文件中，点击下载到电脑中

4.用Buffer.from来写入的数据后生成的文件（符合需求） 

 

5.不用Buffer.from写入的数据会显示在Decoded Text下面，然后再一个一个数组编译成十六进制后写进左边的区域（其中包括空格和逗号也一起编译成十六进制后写进左边的区域，不符合需求）

ABC__789
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Electron中实现大文件上传和断点续传功能
01-19
Electron官网的描述：Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。 从官网的描述我们可以简单的概括，Electron是开源的框架，可以使用h5来开发跨平台pc桌面应用，这样前端开发这可以开发桌面应用了。由于它是基于Chromium和Node.js开发的，所以在Electron中既可以使用浏览器中的api也可以使用node的api。 下面我们在Electron中实现
Electron实现文件下载并展示下载进度
weixin_56295520的博客
07-17 3982
1.在主进程中定义一个全局变量 downloadItems 用于管理所有的下载任务项2.主进程在接收到下载文件任务的时候，将下载任务添加进入 downloadItems，通过win.webContents.send(‘watch-download-file-state’)把下载过程进度 推送给渲染进程3.主进程监听渲染进程发送过来的事件，根据下载任务项downloadItems 来获取某个文件下载实例，进行相应的处理。
Vue3上传下载的样式模版 | 附Demo（Vue3 + Java）
最新发布
码农研究僧的博客
05-30 1039
基本的Vue3知识推荐阅读：Vue 目录 由于是Java作为后端，此处补充Java的基本接口：（只提供思路，后端代码给的不全） 对应的上传下载推荐阅读：【Java项目】实战CRUD的功能整理（持续更新）
关于electron中后台下载的方法
不上班老板怎么买房买车
03-23 1661
关于electron中后台下载的方法
electron-上传文件，下载csv txt xlsx
weixin_43843679的博客
03-20 1585
核心：启动主进程，创建窗口，加载指定界面，之后开启渲染进程，如果说渲染进程需要通信这时候利用ipc完成通信操作，之后通过主进程调用原生api,在进行跟操作系统进行互动从而完成功能的操作。
几行代码搞定electron-vue中文件的下载（原创，亲测必有效！！！）
qq_39778055的博客
04-20 2635
目录 1.下载的原理 2.代码实战 (1) 后台代码 (2) 前台代码 最近在写gdb数据库的electron-vue客户端的时候，需要一个文件下载的功能，来下载excel，pdf以及压缩的7z文件，在经过各种百度和google之后依然没能解决，要么就是下载后的excel文件乱码，要么就是打不开，更别说下载pdf和压缩文件了 最终在经过自己的摸索之后发现只需要几行代码就可以搞定 1.下载的原理 在electron-vue中下载文件，我们需要使用file-saver这个第三方的js插件，使用方
electron-v2.0.18-win32-x64.zip
07-26
"C:\Users\Administrator\AppData\Local\electron\Cache"是Electron在Windows系统中默认的缓存目录，存放的是应用程序运行时可能需要的临时或下载文件。 标签中的"electron"和"electron-vue"进一步确认了这是一个...
React Electron Vite tailwind计算器, 大小100M
09-28
- **v8_context_snapshot.bin 和 snapshot_blob.bin**：这两个文件可能与Electron使用的V8引擎的快照有关，它们用于优化V8的启动性能。 - **icudtl.dat**：这是Chromium的国际化数据文件，用于支持多种语言和字符集...
electron改-64位版本（web应用秒变客户端软件）
01-27
4. **前端框架**：虽然Electron本身不完全是前端框架，但开发者经常结合React、Vue或Angular等前端框架来构建Electron应用的用户界面。 压缩包内的文件是Electron运行所必需的组件或依赖库： 1. **v8_context_...
wagerr-electron-app:Wagerr Electron App是Wagerr的跨平台GUI
05-23
Wagerr Electron应用程序 使用 ＆ 构建的Wagerr的现代跨平台GUI。先决条件在使用此应用程序进行开发之前，请确保备份您的Wagerr wallet.dat 。 您需要满足以下先决条件才能在本地计算机上构建和开发项目。 Node.js...
electron-v1.7.9-win32-x64
01-23
标题“electron-v1.7.9-win32-x64”和描述中提到的“electron-v1.7.8-win32-x64”都指向了Electron框架的一个特定版本，用于构建跨平台桌面应用程序。Electron是GitHub上的一个开源项目，它允许开发者使用JavaScript...
electron-file-downloader:电子应用程序的简单文件下载器库
05-19
电子文件下载器 用于应用程序的简单文件下载器库 为什么？ 一个函数调用而不是必须手动实现很多。 将文件保存到用户的Downloads目录，而不是提示。 完成后，弹出扩展坞中的“下载”目录。 （苹果系统） 处理多个下载。 显示徽章计数（仅适用于macOS和Linux）和下载进度。 在macOS上的示例： 安装 $ npm install electron-file-downloader 用法 注册所有窗口 这可能是您想要的应用程序。 const { app , BrowserWindow } = require ( 'electron' ) ; require ( 'electron-file-downloader' ) ( ) ; let win ; app . on ( 'ready' , ( ) => { win = new BrowserWindow ( ) ; }
electronic-download-manager：无需用户交互即可从Electron的BrowserWindows管理下载项，从而允许单文件下载和批量下载
02-04
电子下载管理器 无需用户交互即可从的BrowserWindows管理下载项，从而允许单文件下载和异步批量下载 为什么？ 注册附加到所有新创建的BrowserWindow实例的全局侦听器 自动将文件下载到给定文件夹，而无需用户提示 下载完成（或失败）时回调 批量下载：传递一堆链接，所有链接都将被下载，一旦完成，便会回调。 安装 $ npm install electron-download-manager 用法 注册所有窗口 注册侦听器（它将捕获所有DownloadItems） const electron = require ( "electron" ) ; const { app , B
vue3+ts+element-plus，用upload组件实现文件上传
qq_41114763的博客
07-11 6335
vue3+ts+element-plus，用upload组件实现文件上传（带参数），后台springboot
electron 下载文件显示进度条 监听下载过程，计算并设置百分比进度
weixin_42175823的博客
06-29 2853
实现一个下载进度条, 可以实时看到下载进度,下载前可以选择文件保存位置支持原生的系统托盘增强网络状态变更的感知而且不通过系统浏览器下载携带敏感信息 ,而是在 APP 里实现理论上更安全。
electron DownloadItem如何从指定Url中下载文件
12-26 937
这里的electron-dl模块是一个封装库，可以帮助你在electron中更方便地进行文件下载操作。你可以通过npm install electron-dl进行安装。2. 在渲染进程中，你可以使用electron-dl模块，结合electron.remote模块获取下载进度和事件。注意，上面的代码只是演示了基本的下载操作，你可以根据自己的需求进行扩展和定制。electron DownloadItem如何从指定Url中下载文件。1. 在主进程中使用session对象创建一个下载会话。
【Electron Playground 系列】文件下载篇
xiaoheibanfe的博客
12-17 1204
作者：long.woo 文件下载是我们开发中比较常见的业务需求，比如：导出 excel。 web 应用文件下载存在一些局限性，通常是让后端将响应的头信息改成 Content-Disposition: attachment; filename=xxx.pdf，触发浏览器的下载行为。 在 electron 中的下载行为，都会触发 session 的 will-download 事件。在该事件里面可以获取到 downloadItem 对象，通过 downloadItem 对象实现一个简单的文件下载管理器： .
vue3实现文件上传、文件下载
weixin_57399180的博客
04-24 5310
vue3实现文件上传、文件下载
electron+vue实现截图
05-12
要在 Electron + Vue 中实现截图，你可以使用 Electron 中的 desktopCapturer 模块来获取屏幕截图。以下是一些步骤： 1. 在你的 Vue 组件中引入 Electron 模块： ```javascript const { desktopCapturer } = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值