解决文件只能在windows系统上传成功,而linux系统上传失败。

2023-09-21 10:07:06

        场景:在我们项目准备上线进行SIT测试的时候,测试在文件上传的时候,一直上传不成功,表示当前文件不支持上传,然后我们让测试将他的文件发送给我们进行测试,我们是能够上传成功的,然后询问他们使用的什么系统,发现他们使用的是Linux发行版操作系统Ubuntu。

        分析原因:可能是由于Linux和Windows操作系统在处理文件类型和扩展名时的一些差异导致的。最后检查发现,Linux和Windows操作系统可能使用不同的方式来检测文件的MIME类型(file.type),或者可能返回不同的MIME类型。

        因为之前前端在进行校验的时候是通过file.type进行判断的,为了避免这个问题,所以直接使用文件的后缀进行判断是否可以上传,对于windows和linux来说处理方式都是一致的,这样就解决了文件上传的业务问题。

前端代码(修改之前的):

beforeUpload: async (file: File) => {
      if (file.size === 0) {
        message.error(`文件 ${file.name} 为空文件`);
        return Upload.LIST_IGNORE;
      }
      // 获取后缀
      let extension: any = file.name.split(".");
      extension = extension[extension.length - 1];
      
      if (
         
          extension === "rar" ||
          file.type ===
          "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ||
          file.type === "application/msword" ||
          file.type === "application/vnd.ms-word.document.macroEnabled.12" ||
          file.type === "application/vnd.ms-word.template.macroEnabled.12" ||
          file.type === "text/plain" ||
          file.type === "application/pdf" ||
          file.type === "application/x-zip-compressed" ||
          file.type === "application/octet-stream" ||
          file.type === "application/zip" ||
          file.type === "application/x-rar" ||
          file.type ===
          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
          file.type === "application/vnd.ms-excel" ||
          file.type ===
          "application/vnd.openxmlformats-officedocument.spreadsheetml.template" ||
          file.type === "application/vnd.ms-excel.sheet.macroEnabled.12" ||
          file.type === "application/vnd.ms-excel.template.macroEnabled.12" ||
          file.type === "application/vnd.ms-excel.addin.macroEnabled.12" ||
          file.type === "application/vnd.ms-excel.sheet.binary.macroEnabled.12" ||
          file.type === "application/vnd.ms-powerpoint" ||
          file.type ===
          "application/vnd.openxmlformats-officedocument.presentationml.presentation" ||
          file.type ===
          "application/vnd.openxmlformats-officedocument.presentationml.template" ||
          file.type ===
          "application/vnd.openxmlformats-officedocument.presentationml.slideshow" ||
          file.type === "application/vnd.ms-powerpoint.addin.macroEnabled.12" ||
          file.type ===
          "application/vnd.ms-powerpoint.presentation.macroEnabled.12" ||
          file.type === "application/vnd.ms-powerpoint.slideshow.macroEnabled.12"
      ) {
        // 添加到本地待上传
        let data = await getMinioUploadId(fileExtension,file.name);
        let run = new UploadChunk(file, data["upload_id"], data["filename"]);
        ....
      } //只提供主要代码

发现是使用的file.type进行判断,通过debug发现windows和linux返回的file.type是不一致的,所以使用了文件的后缀进行判断。

前端代码(修改之后的):

第一种方式:

        使用文件扩展名检测:不依赖于file.type来确定文件类型,而是使用文件的扩展名进行检测。

beforeUpload: async (file: File) => {
      if (file.size === 0) {
        message.error(`文件 ${file.name} 为空文件`);
        return Upload.LIST_IGNORE;
      }
      //允许上传的文件后缀
      const allowedExtensions = [
        "rar",
        "doc",
        "docx",
        "txt",
        "pdf",
        "zip",
        "xls",
        "xlsx",
        "ppt",
        "pptx",
      ];

     
      // 获取后缀
      // @ts-ignore
      const fileExtension:string = file.name.split(".").pop();
      if (
          allowedExtensions.includes(fileExtension.toLowerCase())
          
      ) {
        // 添加到本地待上传
        let data = await getMinioUploadId(fileExtension,file.name);
        let run = new UploadChunk(file, data["upload_id"], data["filename"]);
        ...
      }//只提供主要代码

前端代码(修改之后的):

第二种方式:

        针对特定MIME类型的检测:如果您希望继续使用file.type,则需要确保您的条件可以正确检测到不同操作系统上的文件类型。

const allowedMimeTypes = [
  "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
  "application/msword",
  // 添加其他支持的MIME类型,llowedMimeTypes数组包含了您在Linux和windows系统上遇到的所有需要支持的MIME类型。
];

if (allowedMimeTypes.includes(file.type)) {
  // 允许上传
  // ...继续上传的逻辑
} else {
  message.error(`${file.name} 并不是可上传文件`);
}

通过修改过后的代码进行测试,windows和linux系统操作我们部署的项目执行文件上传都能够上传成功了。

更多推荐

nbcio-boot移植到若依ruoyi-nbcio平台里一formdesigner部分(三)

因为这个版本的若依plus不支持本地文件上传,所以需要增加这些本地上传文件的后端代码和前端代码修改。1、后端部分先配置跳过测试吧,平时编译也不需要这个<!--添加配置跳过测试--><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-s

配置Vite获取内网IP(Vue3项目​ts版本获取本机局域网IP地址)

参考文章:vue项目获取本机局域网IP地址(vue.config.js版本)在Vite中,没有vue.config.js文件,而是使用vite.config.js(或vite.config.ts,如果项目使用TypeScript)来配置项目;1.获取IP需要借助os模块,需要先安装依赖:npminstallos2.其次

睿趣科技:抖音开网店新手卖什么好

随着社交媒体和电子商务的迅猛发展,越来越多的人开始探索在抖音上开网店,希望能够通过这一平台实现创业梦想。但对于新手来说,选择什么产品进行销售可能会是一个困扰。在本文中,我们将探讨一些适合抖音新手的热门产品和一些成功经验,以帮助你在抖音上开设一家成功的网店。潮流服饰:服装和配饰一直是电子商务的热门领域之一。通过在抖音上展

轻量型服务器能支撑多少人访问?

一、服务器配置影响访问人数服务器的配置是影响轻量型服务器能够支撑的访问人数的关键因素之一。通常而言,轻量型服务器的配置普遍不高,适合小型团队或个人使用。如果服务器配置较低,那么支撑访问人数的能力也会受到限制。较为简单的应用程序对服务器性能要求不高,可以支持较多的访问人数。但是,如果应用程序较为复杂,对服务器性能要求较高

9月16日,每日信息差

今天是2023年09月16日,以下是为您准备的15条信息差第一、天猫超市首单“茅小凌”已由菜鸟送达,首单已由菜鸟供应链完成履约,18分钟送达消费者手中第二、软银考虑对OpenAI进行投资。此外,软银还初步拟收购英国人工智能芯片制造商Graphcore第三、我国共有327家网约车平台公司取得经营许可。各地共发放网约车驾驶

行业追踪,2023-09-20

自动复盘2023-09-20凡所有相,皆是虚妄。若见诸相非相,即见如来。k线图是最好的老师,每天持续发布板块的rps排名,追踪板块,板块来开仓,板块去清仓,丢弃自以为是的想法,板块去留让市场来告诉你跟踪板块总结:成交额超过100亿排名靠前,macd柱由绿转红成交量要大于均线有必要给每个行业加一个上级的归类,这样更能体现

C# Math.Round()四舍五入、四舍六入五成双

开发者为了实现小数点后2位的四舍五入,编写了如下代码,varnum=Math.Round(12.125,2);代码非常的简单,开发者实际得到的结果是12.12,这与其所预期的四舍五入结果12.13相悖。其实产生这个结果的原因是由于Math.Round默认使用的并非是四舍五入的原则,而是四舍六入五成双的原则。四舍六入五成

华为HCIA(三)

链路本地地址接口标识64bit当STP端口到了Forwarding状态后,会转发流量,也处理报文在TCP/IP模型中,会话层,表示层和应用层,都规划成了应用层路由表包含目的地址和掩码,优先级,cost,下一跳和出接口。Destination(目的地)protocol(协议)学习进制!!!在NCP协商完成后,PPP保持通

第37章_瑞萨MCU零基础入门系列教程之DAC数模转换模块

本教程基于韦东山百问网出的DShanMCU-RA6M5开发板进行编写,需要的同学可以在这里获取:https://item.taobao.com/item.htm?id=728461040949配套资料获取:https://renesas-docs.100ask.net瑞萨MCU零基础入门系列教程汇总:https://b

前端实现PDF预览:简单而高效的方法

前言PDF是一种常用的文件格式,但在网页中直接预览PDF文件可能会带来一些挑战。本文将介绍一种简单而高效的前端方法,以实现PDF文件的预览。使用iframe标签嵌入PDF文件最简单的方法是使用iframe标签来嵌入PDF文件。代码如下所示:<iframesrc="/path/to/pdf/file.pdf"width=

HDMI协议Ver2.0a(学习笔记)

1简介本规范由HDMI论坛制定2.目的和范围本文件构成了高清多媒体接口2.0版规范(HDMI规范2.0版)。本规范通过引用纳入了HDMI规范1.4b版,并定义了附加和改进的功能。对Source、Sink、中继器和电缆的合规性所需的机械、电气、行为和协议要求进行了说明。3.TBD4.TBD5.概述HDMI规范2.0版(本

热文推荐