首页 > 其他分享 >elementui 手动上传文件 post 请求

elementui 手动上传文件 post 请求

时间:2023-07-03 11:34:09浏览次数:43  
标签:const elementui config raw file obj post 上传

// 上传图片校验     fileChange(file) {       const isJPG = file.raw.type === 'image/jpeg'       const isPNG = file.raw.type === 'image/png'       const isLt2M = file.raw.size / 1024 / 1024 < 0.2       if (!isPNG && !isJPG) {         this.fileList = []         this.$message.error('上传图片只能是 JPG/PNG 格式!')         return false       } else if (!isLt2M) {         this.$message.error('上传图片大小不能超过 200kb!')         this.fileList = []         return false       } else if (isLt2M && (isPNG || isJPG)) {         const obj = {           url: file.url,           raw: file.raw,           name: file.name         }         this.fileList.push(obj)         this.noneBtnImg = this.fileList.length >= this.limitCountImg         this.picUpload(obj)       }     },       picUpload(obj) {       const formData = new FormData()       formData.append('file', obj.raw)       uploadPicture(formData).then((res) => {         if (res.code === 200) {           this.picUrl = res.data         }       })     }   uploadService.interceptors.request.use(   config => {     config.headers['Content-Type'] = 'multipart/form-data'     if (store.getters.token) {       config.headers['X-Token'] = getToken()     }     return config   },   error => {     return Promise.reject(error)   } )

标签:const,elementui,config,raw,file,obj,post,上传
From: https://www.cnblogs.com/zscxy/p/17522322.html

相关文章

  • vue+elementui实现树形结构表格且合并同一个children的单元格
    1、实现效果2、结构代码(给table添加classname)3、通过设置css实现合并同一个children的单元格.nonRelationalDatabase{//去除横向边框::v-deep.el-table__row{  td{   border-bottom:none!important;  } }//......
  • PostgreSQL 是一种功能丰富的关系型数据库管理系统(DBMS),具有以下特色
    PostgreSQL是一种功能丰富的关系型数据库管理系统(DBMS),具有以下特色:开源和免费:PostgreSQL是一款开源软件,它的源代码可以免费获取和修改。这意味着您可以自由地使用、分发和修改PostgreSQL,而无需支付额外的费用。可靠性和稳定性:PostgreSQL以其出色的可靠性和稳定性而闻名。它......
  • 如何在AutoCAD中快速加载SQL Server、MySql、PostgreSQL数据库中的矢量数据?
    借助GIS4CAD插件能快速将SQLServer、MySql、PostgreSQL数据库中的矢量数据加载到AutoCAD,通过将矢量数据与数据库相结合,您可以更好地管理和分析您的CAD数据。方法/步骤下载并安装GIS4CAD插件http://www.geosaas.com/download/gis4cad.exe 下载并安装GIS4CAD插件,安装成功......
  • 如何在AutoCAD中快速将矢量数据导出到SQL Server、MySql、PostgreSQL数据库?
    在AutoCAD中借助GIS4CAD插件能快速将矢量数据导出到SQLServer、MySql、PostgreSQL数据库,通过将矢量数据与数据库相结合,您可以更好地管理和分析您的CAD数据。方法/步骤下载并安装GIS4CAD插件http://www.geosaas.com/download/gis4cad.exe 下载并安装GIS4CAD插件,安装成功......
  • 接口测试工具postman和禅道zentao的区别?
    无论你是一名资深测试人员还是刚入行的新手,你都必须知道:测试工具是提高工作效率、保证产品质量的重要助手。postman大家都知道,zentao又是什么?两者不是一类软件。禅道(zentao)开源项目管理软件是第一款国产的开源项目管理软件。它集产品管理、项目管理、质量管理、文档管理、组......
  • 小工具 | cnblogs自动上传图片并生成markdown
    博客文章在本地都是用typora写的,文本可以直接复制上去,图片一个个上传太麻烦,这里推荐一个dotnet工具,给一个本地的typora文档,它会自动读取图片,上传到cnblogs,并替换掉原文档里的图片链接很方便,mark一下,工具地址为链接......
  • PostgreSQL 新手入门指引
    自从MySQL被Oracle收购以后,PostgreSQL 逐渐成为开源关系型数据库的首选。本文介绍PostgreSQL的安装和基本用法,供初次使用者上手。以下内容基于Debian操作系统,其他操作系统实在没有精力兼顾,但是大部分内容应该普遍适用。一、安装首先,安装PostgreSQL客户端。sudoapt-getins......
  • PostgreSQL 数据库与模式(二)
    删除数据库如果确定一个库不需要了,可以使用DROPDATABASE语句删除一个数据库(工作中谨慎删库):DROPDATABASE[IFEXISTS]name;如果使用了IFEXISTS,删除一个不存在的数据库时不会产生错误信息。删除数据库会同时删除该数据库中所有的对象,以及文件系统中的数据目录。只有数据库......
  • postgres安装记录-centos
    镜像方式安装:1.下载依赖以及脚本[email protected]:a356a/deploy.git2.执行脚本-postgresImage.sh脚本具体执行:关闭防火墙systemctlstopfirewalldsystemctldisablefirewalld拉取镜像并启动镜像dockerpullpostgres:12-alpine3.16dockerrun--namepostgresDocker12......
  • postgresql离线安装及双机热备
    前言:本文是做主库的热备份到从库,即主库中的数据即时备份到从库,第1-5步是要在主机和备机都要执行,第6步是主机的数据库初始化,第8步是备机的数据库初始化1.安装依赖(主机,备机)root用户在一台有网的电脑上先下载好所需的依赖yuminstall--downloadonly--downloaddir=/tmp/zlib-d......