electron webview文件上传需要确保文件名编码为utf-8

已于 2022-09-08 18:32:11 修改
阅读量522 收藏
点赞数
分类专栏： 架构人生 文章标签： electron javascript 前端
于 2022-09-02 22:38:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/skybtone/article/details/126671490
版权

electron版本：19.0.15

操作系统：linux 4.9.0（凝思操作系统6.0.80）

当用electron加载网站时，访问Upload 上传 | Element Plus网站，使用文件上传的功能时，发现electron上传文件失败，截图如下：

 但是electron同样的版本，在windows下表现良好，基本确认为是仅仅在linux下有问题，遂提交缺陷至electron 官方网站：webview uploadfile net::ERR_ACCESS_DENIED in linux · Issue #35567 · electron/electron · GitHub

经反复测试确认，是因为linux里的字符集不是utf-8时（比如当前字符集是gbk），electron获取文件有问题导致，如果文件名及文件路径不含中文时，不存在该问题，相关的issue见：

[Bug]: Linux: In french locale, crash on access of user-selected file with accent in filename · Issue #34812 · electron/electron · GitHub

 因此需要确保linux下运行electron在LANG=xx.utf-8环境下

胖头他爸
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
electron-watch:更改主要过程文件时自动重新启动Electron应用程序
05-28
电子表 更改主过程文件后，自动重新启动Electron应用程序。 安装 npm install electron-watch 用法 例如， package.json ： { //... "scripts" : { "dev:electron-main" : "cross-env NODE_ENV='development' electron -r babel-register ./app/renderer/" , } , //... } 将代码块添加到主过程文件中： index.js ： import electron from 'electron' ; import path from 'path' ; if ( process . env . NODE_ENV === 'development' ) { require ( 'electron-
electron加载本地图片-打包处理字符集问题-vue项目改electron
BLUESKYHOST的博客
12-25 1233
安装 npm i -g electron 注意事项正常无法安装在中国需要配置源地址 npm config set registry https://registry.npm.taobao.org npm config set disturl https://registry.npm.taobao.org npm config set electron_mirror http://npm.taobao.org/mirrors/electron/ 下载完毕注释或者恢复之前的配置 我的地址如下根据
高德数据化可视平台数据上传后中文乱码解决方案之一---保证文件为UTF-8编码
牛呆呆同学的博客
08-05 825
遇到的问题 在数据预览界面发现中文列出现了乱码，如下图红框所示。重新上传多次后依旧乱码 分析 打开上传数据常见问题界面，发现上传要求里写着需保证为UTF-8编码，我查看我上传源文件编码格式，发现的确不是UTF-8，于是确定问题原因。 解决方案 法1.使用微软excel，将编码格式改为uft-8 。 参考链接：https://zhidao.baidu.com/question/360722668350636652.html 法2.下载notePad++，将编码格式修改为UTF-8-BOM编码（该方法适用于
electron 处理GBK字符乱码问题
naisi2422553065的博客
09-10 2322
electron项目 处理GBK字符乱码问题 前言: 在最近做的项目中, 有一个需求是要electron调用arduino IED的api烧录arduino程序进uno板. 其中在烧录的过程中, 会返回编译的二进制信息. 这个二进制信息需要转成字符串输出到页面供用户查看, 但是遇到了乱码问题.用了很多方法终于将乱码问题解决. 1. 初尝试 刚开始尝试的时候是 控制台打印的是 uint8Array() 信息, 当时还不知道uint8Array() 这个是什么鬼, 就利用了 js自动转字符串的方...
window下github上传markdown文件中文乱码
微电子学与固体电子学-俞驰
04-27 1214
window下一般默认编码方式是gb2312，github上是utf-8，因此当上传带中文的markdown文件时，可能出现乱码。可以使用记事本打开markdown格式文件，另存为，就会出现可以选择编码方式的对话框，选择utf-8，即可。。 ...
electron通过node-ffi调用dll传参数格式问题，utf8转utf16
进击的程序猿
05-09 1069
dll那边接入参数，需要utf16le （小端）无BOM格式，而nodejs这里字符串默认为utf8 网上很多通过iconv-lite转码，实际使用过程中并不理想。 通过不断的摸索，写了如下的转码函数 //处理编码 function encode(str, sort = "le") { let resultArr = []; for (let i = 0; i < str.length; i++) { let utf16le = str.charCodeAt(i).toStri
electron-webview-schedule:Webview调度管理，支持Electron的异步队列
05-01
电子网页时间表 Webview调度管理模块，支持Electron的异步队列。分期付款$ npm i electron-webview-schedule --save用法在渲染器过程中导入。 import moment from 'moment' ;import PromiseQueue from 'electron-...
electron-builder 在window上编译时所需文件，直接解压，再将文件名改为cache
03-03
它为开发者提供了跨平台的解决方案，可以方便地将 Electron 应用打包成可执行文件，适用于 Windows、macOS 和 Linux 系统。在 Windows 上进行编译时，`electron-builder` 需要一系列依赖和资源文件来完成这个过程。 ...
electron-file-downloader:电子应用程序的简单文件下载器库
05-19
电子文件下载器 用于应用程序的简单文件下载器库 为什么？ 一个函数调用而不是必须手动实现很多。 将文件保存到用户的Downloads目录，而不是提示。 完成后，弹出扩展坞中的“下载”目录。 （苹果系统） 处理多个...
Electron中实现大文件上传和断点续传功能
01-19
Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。 从官网的描述我们可以简单的概括，Electron是开源的框架，可以使用h5来开发跨平台pc桌面...
electron-vue利用webpack打包实现多页面的入口文件问题
10-17
为了在 Electron 项目中创建新的窗口，我们需要为每个窗口创建一个单独的入口文件。在 `electron-vue` 项目中，这通常涉及到修改 `webpack.renderer.config.js` 文件。`webpack.renderer.config.js` 是用于处理渲染...
Electron上传文件、打开文件夹(主进程、渲染进程)
蜡笔小新历险记的博客
05-28 3719
官方示例： const { dialog } = require('electron') console.log(dialog.showOpenDialog({ properties: ['openFile', 'multiSelections'] }))
electron桌面应用打开webview的方法
总结，交流，记录，成长
05-08 7736
const windowOptions = { title: 'demo', // titleBarStyle: 'hidden', width: 1440, height: 900, webPreferences: { devTools: true, //可禁用devTools:false, nodeIntegration: true, context...
electron webview 点击网页链接，将内容重新显示到webview
热门推荐
帅呆了我的高
05-11 1万+
首先将webview设置可以打开新窗口 allowpopups属性 &lt;webview id="foo" src="https://www.baidu.com" allowpopups&gt;&lt;/webview&gt; 添加新窗口监听事件，解析出url，将webview的src设置位url const webview = document.getElementById('f...
12个例子带你入门Electron [8000字附源码]
petertanjinjie的博客
09-17 3280
从零学习创建第一个Electron应用随着前端快速的发展，在任何开发领域都有前端的一席之地。那如何使用前端进行桌面端应用的开发呢？Electron是一个不错的选择。Electron是什么...
银河麒麟 electron loadURL打不开，loadFile 传参
zcc的博客
08-25 2744
使用electron 开发桌面应用时：以下代码，windows 下 electron（都是10.1.3版本） 使用loadURL 可以打开，但麒麟 下loadURL 不行，白屏。在麒麟下软件左上角图标icon 要改成 png 格式，512*512 才能显示。内核：Linux 5.4.18-28.23-bj-generic。版本：银河麒麟桌面操作系统V10（SP1）架构： loongarch64。
electron webview 获取数据出坑
chengy8937的博客
08-27 1477
最近一段时间，需要基于腾讯的一套trct视频对接demo，改出一套跨平台前端，选来选去用了electron 这东西现学现卖，貌似不难，但是一个难题卡住了我。需要前端和一个外面服务器网页交互，那边是asp，get一个网页，结果写在页面上，前端获取结果就OK。asp是我自己写的怎么改都行。没想到，这么简单的事情卡了整整两天。 腾讯的demo比较大，不想重新搭建，但是原来的工程不知道埋什么坑，页面里面所有require（“electron”）之类都有问题，import from可以但是模块用的时候也不行，函数里面
现在,以编程方式在 Electron 中上传文件,是非常简单的!
iOS122-移动混合开发研究院
07-23 9668
具体到以编码方式上传文件这个问题上.这个问题的完整描述应该是类似于这样: 网站有自己的登录认证机制,在不需要在对网站登录机制做任何修改的前提下,如何自动上传用户相关的文件,比如用户头像?
electron 控制台打印乱码问题
纠缠AI的亮子
07-24 3754
我们可能在Windows的控制台会出现中文乱码的问题，当我们在Windows的控制台下输入chcp,可以查看到当前字符编码，常见的gb2312的值是936，utf8的值是65001。这种情况下只要对package.json进行设置就能解决。 "start": "chcp 65001 && electron ." ...
electron webview preload
最新发布
10-25
Electron中的webview是一个可以嵌入其他网页的组件，而preload则是在webview中加载的预处理脚本。它可以在webview中的渲染进程中执行一些操作，例如向主进程发送消息或者修改DOM元素。但是需要注意的是，由于webview...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值