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()
         
        },
        
    正道的光终将来临,当太阳升起的时候,光芒总会普照大地温暖人间。些许的阴霾也终会有被阳光洒满的一天
  • 相关阅读:
    数据库范式 说明
    javascript链式调用实现方式总结
    jQuery工作原理解析以及源代码示例
    jquery 中 (function( window, undefined ) {})(window)写法详解(转)
    jQuery基础---filter()和find()
    使用PHP连接、操纵Memcached的原理和教程
    一篇memcache基础教程
    css书写规范
    可穿戴设备的未来市场
    axure篇
  • 原文地址:https://www.cnblogs.com/sjruxe/p/14583420.html
Copyright © 2011-2022 走看看