首页 > 其他分享 >上传文件,走action方式(快速)

上传文件,走action方式(快速)

时间:2024-01-18 15:59:06浏览次数:21  
标签:文件 const data response item token action 上传 id

1、请求头加token

const token = localStorage.getItem('token');
let aothrization = '';
if (token) {
  aothrization = 'Bearer ' + JSON.parse(token);
  this.reqHeader = {
    Authorization: aothrization
  };
}

2、html

<a-upload
          name="file"
          v-model:file-list="fileList"
          @change="fileUploadClickHandle"
          accept=".xlsx,.xls,.csv"
          action="/bi-dataview/api/dataset/excel/upload"
          :showUploadList="false"
          :headers="reqHeader"
        >
          <a-button style="width: 150px">
            <UploadOutlined />
            上传文件
          </a-button>
</a-upload>

3、请求处理

const fileUploadClickHandle = (e: any) =>  {
  setTimeout(() => {
    const { status, response } = e?.file || {};
    if (status == 'uploading' && this.uploadCount == 0) {
      this.loading = startLoading('文件上传中');
      this.uploadCount++;
    }
    if (status == 'done' && response?.success) {
      const { sheets, excelLabel, id } = response?.data;
      if (sheets?.length) {
        const data = sheets[0];
        this.dirSelect('', { node: data });
        this.checkedKeys.push(data.id);
        this.expandedKeys.push(id);
        this.dataSetName = data.datasetName;
        this.selectedKeys = [data.id];
        this.selectSingleData = data;
        this.treeData.push({
          title: excelLabel,
          type: id,
          key: id,
          children: sheets?.map((item: any, index: any) => {
            item.title = item.excelLabel;
            item.type = item.id;
            item.key = item.id;
            item.sonId = item.id;
            return item;
          })
        });
        this.dirCheck('');
      }
      this.loading.close();
      this.uploadCount = 0;
      message.success('上传成功');
    } else if (status == 'done' && !response?.success) {
      this.loading.close();
      this.uploadCount = 0;
      message.error(response?.errorDesc);
    }
  }, 0);
},

标签:文件,const,data,response,item,token,action,上传,id
From: https://www.cnblogs.com/songkomei/p/17972637

相关文章

  • 使用JSZip库解压后台返回的Blob格式文件,并回显到element-ui的el-upload组件
    有一个报告列表,点击编辑的时候需要回显新建时上传的附件。后台提供了一个下载接口,但是会将所有上传的文件打包为一个压缩的blob。类似这种:leturlArr=[];urlArr=urlArr.concat(this.downLoadUrl.split(";"));this.$http.downLoadFile({url:urlArr.......
  • npm ERR! code ENOENT npm ERR! syscall open npm ERR! path C:\Users\shuzi\Des
    打开一个新的项目,因为当前项目文件夹下没有npm,"dev":"npmrunstart:dev",所以所以没有展示对应的运行图,如下图: 打开一个新的前端项目,执行npminstall,报错如图:WindowsPowerShell版权所有(C)MicrosoftCorporation。保留所有权利。安装最新的PowerShell,了解新功能和改进......
  • QT程序多平台下可执行文件的打包方式
    一、简述QT项目开发完成后,需要打包发布程序,在实际生产中不可能把源码发给别人,所以需要将源码打包正可执行文件或者安装程序。二、设置应用图标把ico文件放到源代码目录下,在QT项目中的'.pro'文件中添加自己准备好的ico文件(使用QT默认生成的图标时,可以跳过这一步)  RC......
  • 公司文件加密的作用和意义是什么?
    随着互联网技术的不断发展,数据安全问题日益凸显。对企业而言,数据安全不仅关乎企业核心竞争力的保护,也直接关系到企业的生存和发展。因此,在数据安全方面采取有效的防护措施至关重要。公司文件加密的作用和意义主要体现在以下几个方面:保护商业机密和核心数据:通过文件加密,可以防......
  • Golang之文件系统事件监听
    Golang之文件系统事件监听基本介绍文件系统事件是指文件系统相关的各种操作和状态变化,当一个应用层的进程操作文件或目录时,会触发systemcall,内核的notification子系统可以守在那里,把该进程对文件的操作上报给应用层的监听进程。这些事件可以包括文件和目录的创建、修改、删除和......
  • Golang中的工厂模式:灵活选择存储方式实现文件存储
    Golang中的工厂模式:灵活选择存储方式实现文件存储原创 沙蒿 程序员的碎碎念 2024-01-0508:20 发表于广东 听全文 引言在现代软件开发中,文件存储是一个常见的需求,而选择合适的存储方式对于系统的可扩展性和性能至关重要。本文将介绍如何使用工厂模式在Golang中实......
  • 通过Base64来复制文本传递文件
    1.使用场景    在某些情况下,需要对一些文件进行文本复制的方式来传输。比如线上生产的环境,限制传输文件,但是又继续上传文件。2.如何绕过限制-Base64转码    通过Base64转码,把二进制文件,转换为文本,通过copy文本,在目标环境新建文本文件,然后粘贴文本,最终通过Base64......
  • nfs文件同步
    1、在服务器A上配置NFS导出1#安装nfs2sudoyuminstallnfs-utils3#启动并启用NFS服务4sudosystemctlstartnfs5sudosystemctlenablenfs6#配置NFS导出,编辑/etc/exports文件,添加以下行7/data/test*(rw,sync,no_root_squash)8#重新加载NFS配......
  • Nuxt2——构建文件
    nuxt2构建文件放在nuxt.config.js,使用cjs语法,暴露配置对象基本配置项mode 有spa和universal两种模式。spa没有使用到服务器渲染,但是使用路由。universal使用服务器渲染加客户端路由mode:'universal'head配置html的<head></head>内容head:{titleTemplate:'%s-Nuxt......
  • 【Python小随笔】获取路径的所有文件夹信息
    获取文件夹下的所有文件名,文件大小,更新时间importosimportdatetimedefget_files_info(folder_path):files_info=[]#获取起始路径base_path=os.path.abspath(folder_path)#遍历文件夹下的所有文件和子文件夹forroot,dirs,filesinos.wa......