首页 > 其他分享 >点击按钮实现文件导入/文件上传

点击按钮实现文件导入/文件上传

时间:2024-08-20 17:53:38浏览次数:11  
标签:文件 const testmsg fileList 导入 file message 上传

          <el-upload
            ref="upload"
            :accept="上传什么类型的文件"
            action="faker"
            :limit="1"
            :show-file-list="false"
            :on-change="handleChange"
            :on-preview="handlePreview"
            :on-remove="handleRemove"
            :file-list="fileList"
            :auto-upload="false"
            :before-upload="beforeUpload"
          >
            <el-button size="small">导入文件</el-button>
          </el-upload>
      handleChange(file,fileList){
         let testmsg=file.name.substring(file.name.lastIndexOf('.')+1);
         const extension = testmsg === 'xls'
         const extension2 = testmsg === 'xlsx'
         if(!extension && !extension2){
            this.$message.warning("上传文件只能是 xls、xlsx格式");
            window.setTimeout(() => this.$refs.upload.clearFiles(), 1000);
            return
         }
         const isLt2M = file.size / 1024 / 1024 < fileManagementFileSize
         if(!isLt2M){
           this.$message.warning('上传文件大小不能超过20MB!');
           window.setTimeout(() => this.$refs.upload.clearFiles(), 1000);
           return
         }
         this.fileList = [];
         if (fileList.length > 0) {
          this.fileList = [file];//获取文件流
          const m=this.$message.success('正在导入……','el-icon-loading',0)
          let formData = new FormData();
          formData.append("file", this.fileList[0].raw);
          m.close();
         }
     },
     handleRemove(file, fileList) {
     },
     handlePreview(file, fileList) {
     },
     beforeUpload(file, fileList) {
     }

标签:文件,const,testmsg,fileList,导入,file,message,上传
From: https://blog.csdn.net/weixin_44201656/article/details/141364819

相关文章

  • 织梦dedecms主页在哪个文件
    DedeCMS的首页模板文件位置:/templets/default/index.html。其中default文件夹是默认的,如果你用的是其他模版,在后台可以查看的,进入后台>系统>系统基本参数>模板默认风格,后面的default就是当前使用的模板,首页文件就在这里面。织梦内容管理系统(DedeCms)以简单、实用、开源而闻名,是......
  • Powershell 调用cmd 运行exe、bat、jar文件
    1.配置路径$nginxPath="C:\path\to\nginx"$redisPath="C:\path\to\redis"$ruoyiAdminJarPath="C:\path\to\ruoyi-admin"2.exe文件,cd到exe所在文件夹,然后执行Write-Output"启动Nginx..."Start-Process-FilePath"cmd.......
  • python ssh上传文件到linux并解压
    importparamikoimportosdefupload_and_unzip(local_file,remote_file,zip_dir):#创建SSH客户端ssh=paramiko.SSHClient()ssh.set_missing_host_key_policy(paramiko.AutoAddPolicy())private_key_path=r'F:\mysite.pem'#加载私钥文件......
  • C# Deflate压缩字节数组(和java压缩结果一样)利用zlib.net对文件进行压缩
    今天在对接一个三方接口时,需要传一个附件数据,附件需要使用Deflate压缩算法压缩后的文件二进制流,再进行base64编码后的字符串。刚开始使用的官方自带的System.IO.Compression.DeflateStream方式,结果不管怎么改变CompressionLevel级别,压缩结果始终和java的压缩结果不一致,结果不一致......
  • 前端如何处理xml配置文件?
    OpenSNN开思通智网,官网地址:https://w3.opensnn.com/2024年8月份“O站创作者招募计划”快来O站写文章,千元大奖等你来拿!“一起来O站,玩转AGI!”在前端处理XML配置文件时,可以使用JavaScript的内置功能来解析、操作和修改XML数据。处理XML的几个关键步骤1.加载XML文件......
  • 第3篇 :git 首次创建项目上传,代码合并操作
    一.首次创建远程代码库,并上传自己修改的本地代码第1步:在自己电脑创建本地项目路径,在这个路径下执行初始化git:命令:gitinit第2步:改分支名称【如果远程仓库,主干的名称是main,而不是master,需要在本地将master改为main,如果主干已经是main则可忽略此步骤,这种情况只出现在gitlab代码......
  • 项目打包后build文件夹自动打成压缩包
    问题经常要项目打包成build文件夹后,手动压缩下,修改压缩包名称(比如添加日期项目名称等信息)发给相关人员发版那么我们为什么不配置下,直接打包后自动生成压缩包呢,代码如下:解决package.json文件添加以下命令,重点是添加'&&node./zipBuild.js'即可"proBuildZip":"webpack--c......
  • k8s中apply资源文件和replace资源文件的区别
    v1.29.2版本的k8s中资源对象api-resource一共有75种,比如pod,serverice等等创建资源对象的时候,一般是写资源对象文件,里面主要字段是kind\apiVersion\metadata\spec\status在我们使用资源对象文件创建资源实例的时候经常用到kubectlapply-f resourcefilename.yamlkube......
  • 怎么在pycharm里面写.md文件
    一、插件安装如果不清楚自己的PyCharm是否自带Markdown,可以在File-settings-Plugins-installed中查看是否有“Markdown”插件。如果没有安装,可以在File-settings-Plugins-Marketplace中搜索“Markdown”安装。二、创建Markdown文件在Pycharm中,Markdown(.md)并不......
  • vCenter通过修改主机配置文件来重置ESXi主机root密码
    背景:管理员一般通过vCenter来管理ESXi主机,时间长了,ESXi主机的root密码忘记了,本文主要介绍在vCenter中通过修改主机配置文件来修改ESXI主机的root密码,不用重启ESXI主机。1、提取主机配置文件选中要操作的主机,右键选择“主机配置文件”>>点击“提取主机配置文件”。为方便标识,更改......