Electron发送本地文件到服务端(base64)

Wang_Lao_Qi

已于 2022-05-08 14:40:48 修改

阅读量1.3k

点赞数

分类专栏： express 文章标签： electron javascript 前端

于 2022-05-08 14:37:51 首次发布

本文链接：https://blog.csdn.net/Wang_Lao_Qi/article/details/124647958

版权

本文介绍了如何在Electron应用中通过base64编码将本地文件发送到服务端。由于Node进程中无法使用HTML5的File对象，作者通过对话框选择图片，进行base64编码，然后发送编码后的数据到服务器，服务器再将其写入本地。主要涉及Electron的dialog API和后端接收处理。

摘要由CSDN通过智能技术生成

Electron发送本地文件到服务端(base64)

在Node进程中是使用不了HTML5的内置对象的，比如File对象，FormData对象

所以想靠表单发送过去好像不太行

直接用fs读取文件内容并发送到渲染进程，在加入到File对象里面也不行，会在发送表单数据的时候发送一个空的表单对象（用的axios发送，原生的还没试过）

实现步骤

打开对话框选择图片
将选择的图片进行base64编码
发送编码和对应的文件数据
服务器用base64编码写入到本地

Electron主进程代码

Electron打开对话框用的API为dialog

const fs = require("fs");
const {
    win32: path }= require("path");

const {
    default: axios } = require("axios");
const {
    dialog } = require("electron");

let FileList = null;

// 获取图片文件对应的MIME格式，选择的文件只有三种格式，这里写三种就好
function getFileMIME(FileName) {
   
	let mime = null;
	switc