首页 > 其他分享 >如何上传文件给接口

如何上传文件给接口

时间:2023-08-15 14:25:52浏览次数:31  
标签:文件 res formData 接口 window let 设置 error 上传

1.首先要确保服务器的可以正常处理formdata;

2.我们给接口的请求头应该是multipart/form-data

 可以通过这样设置

 3.如果这样设置也不行,比如目前的这个陆港项目就是这样设置也不行,那就不适用axios,使用fech;

      uploadFile(pdfData){
        let fileName = `${this.$store.state.hxydtb.WaybillId}.pdf`;
        let file = new File([pdfData],fileName, {type: "application/pdf"});
        let formData = new FormData();
        formData.append('url', file);
        fetch(window.api.baseURL +'/TBBUSIGLYDApply/uploadProject', {
          method: 'POST',
          body: formData
        })
        .then(response => response.json())
        .then(res => {
          if(res && (res.code===1001)){
            if (window.opener != null) {
              window.close();
            } else {
              // window.location.href = 'about:blank';
              // window.close();
            }
          }
          })
          .catch(error => console.error('Error:', error));
      },

因为 Axios 和 Fetch 在处理 FormData 时有所不同。在 Axios 中,你需要明确地设置 Content-Type 为 multipart/form-data。然而,当你使用 Fetch API 时,它会自动设置 Content-Type 并正确地包含一个适当的边界。

 

标签:文件,res,formData,接口,window,let,设置,error,上传
From: https://www.cnblogs.com/EricShen/p/17631169.html

相关文章

  • 简单导出文件
    讲解:通俗点就是从数据库里读取到的数据变成一个集合,放到创建的表格对象里面,形成一个文件。扩展点有些部分导入的时候存在一些权限问题,接下来让我细细道来,跟着我的步骤你也能学会如何简单导出数据哦!谢谢支持!首先,我们要写一个查询全部列表的接口 接下来创造一个方法封装起来......
  • 小米发布全新CyberDog 2,体型接近真实小型犬,超80%开源率,100+接口开放
    小米发布全新CyberDog2,体型接近真实小型犬,超80%开源率,100+接口开放2023-08-1508:01:28 来源: 金融界分享到:8月14日,小米发布全新仿生四足机器人CyberDog2。该款产品在继承前代优势的基础上,进行了全面的技术升级:它配备了新一代小米自研高性能电机,提供了更为强大的动态响应......
  • vagrant文件基础配置
    Vagrant.configure("2")do|config|config.vm.box="centos7"#box名称config.vm.hostname="centos7"#虚拟机主机名shell中显示config.vm.define"centos7"#vagrant状态查询中显示名字config.vm.......
  • Python中对文件进行操作
    对于Python来说,文件处理绝对是一个常见的处理,读取文件、写入文件、生成文件……文件操作贯穿python变成始终。本篇文章将总结一下在平时编程过程中,常用的文件操作。以下将按照增删改查的顺序,对文件以及目录操作进行总结。新建文件和目录importos#新建文件new_file_path......
  • 在Windows Server 2008上启用自动文件夹备份
    要在WindowsServer2008上启用自动文件夹备份,您可以使用内置的Windows备份功能。下面是如何设置它的方法:1.点击“开始”按钮并选择“服务器管理器”,打开“服务器管理器”。2.在“服务器管理器”窗口中,单击左侧窗格中的“功能”。3.在右侧的功能面板中点击[添加功能]。4......
  • 解析EFL文件中符号表读取
    符号表表头Linux中使用指令查看完整读取elf文件readelf-aexample.elfNum:ValueSizeTypeBindVisNdxName代表含义Num符号编号Value符号值,取决于上下文Size符号值Type符号类型,例如函数、对象、文件(源文件名称)、节(内存节)或未指定类型......
  • 1.0、Markdown文件导入到博客园
    前言博客园的Markdown语法编辑不太友好,大多都是使用Typora来进行编辑,然后再想办法上传到博客园上。方法安装.NetCoreSDK下载地址:https://dotnet.microsoft.com/en-us/learn/dotnet/hello-world-tutorial/install下载完成后直接双击默认安装即可安装dotnet-cnblog执行......
  • C++ 调用 Python 接口 Mat转Numpy
    参考网站:https://blog.csdn.net/qq7835144/article/details/106073110?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-1&spm=1001.2101.3001.4242https://blog.csdn.net/weixin_46400740/article/details/116711323?spm=1001.2014.3001.5501 1、配......
  • JavaSE--抽象类和接口
    一、抽象类1、抽象类  1)抽象类无法实例化,无法创建对象  2)抽象类:是类和类之间的共同特征,将这些具有共同特征的类再进一步抽象形成了抽象类,由于类本身是不存在的,所以抽象类无法创建对象,抽象类与抽象类之间也还有共同特征,还可以再一步抽象  3)抽象类是无法实例化的,无法创建......
  • UnityExcel数据查看以及文件导入
    需要插件EPPlus.dll、Excel.dll///<summary>///读取Excel表并返回一个DataRowCollection对象///</summary>///<paramname="_path">Excel表路径</param>///<paramname="_sheetIndex">读取的Sheet索引。Excel表中是有多个......