zoukankan      html  css  js  c++  java
  • vue 文件上传

     <el-button @click="uploadtab" icon="el-icon-upload2">上传</el-button>
                      <input ref="excel-upload-input" style="display:none;" type="file" accept="" @change="handleClick" >
    js
     upload(rawFile) {
          this.$refs['excel-upload-input'].value = null // fix can't select the same excel

          // if (!this.beforeUpload) {
          //   return
          // }
          const formData = new FormData();
          formData.append("file", rawFile);
           this.formData = formData

            console.log(this.formData,"990")

        },
        //文件上传
        handleClick(e) {
          const files = e.target.files
          const rawFile = files[0] // only use files[0]
         
          if (!rawFile) return
          this.upload(rawFile)
          
          // console.log(rawFile, "rawFile")
          // console.log(this.formData,"this.formData")
             generateVideo(
          this.formData
          ).then(res => {
            console.log(res)
          })

        },
        //点击上传按钮
        uploadtab() {

          this.$refs['excel-upload-input'].click()
         
        },
        
    正道的光终将来临,当太阳升起的时候,光芒总会普照大地温暖人间。些许的阴霾也终会有被阳光洒满的一天
  • 相关阅读:
    IDEA使用
    虚拟机笔记 -- 基础
    虚拟机异常 -- 汇总
    虚拟机笔记 -- 设置静态IP
    虚拟机异常 -- 主机无法ping通虚拟机
    虚拟机笔记 -- 安装配置
    Git-分支命名规范
    SourceTree-Access denied问题解决
    Git初始化基本操作
    SpringBoot2 配置prometheus浏览器访问404
  • 原文地址:https://www.cnblogs.com/sjruxe/p/14583420.html
Copyright © 2011-2022 走看看