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()
         
        },
        
    正道的光终将来临,当太阳升起的时候,光芒总会普照大地温暖人间。些许的阴霾也终会有被阳光洒满的一天
  • 相关阅读:
    vue 组件通信(全)
    clickoutside 代码实现
    reset css 样式重置
    vue computed 无法deep的问题
    sessionStorage的总结
    Windows系统maven安装配置
    Windows系统JDK安装配置
    开篇
    JIT即时编译器
    CLR基础
  • 原文地址:https://www.cnblogs.com/sjruxe/p/14583420.html
Copyright © 2011-2022 走看看