• 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()
         
        },
        
    正道的光终将来临,当太阳升起的时候,光芒总会普照大地温暖人间。些许的阴霾也终会有被阳光洒满的一天
  • 相关阅读:
    springmvc视图解析
    mysql外键是多个id组成的字符串,查询方法
    mysql服务无法启动(1067错误)时数据备份的经验
    springboot(5) freemarker
    springboot(4) Log之Logbak
    springboot(3) junit单元测试
    集合类基础知识
    springboot(2) 数据库操作
    springboot(1)
    linux命令
  • 原文地址:https://www.cnblogs.com/sjruxe/p/14583420.html
Copyright © 2020-2023  润新知