采用自定义的方式上传文件,没有格式限制

//上传
       httpRequest(option){
        let file = option.file
        // console.log(file)
        let fileName = file.name
        if(file){
          var Reader = new FileReader();
          Reader.readAsDataURL(file)
        }
        Reader.onload=()=>{
          let base64File=Reader.result

          let data={
            "applyCode": this.applycode,
            "base64File": base64File.split(',')[1],
            "companyCode": this.companycode,
            "companyName": "",
            "fileHolder": "",
            "fileName": fileName,
            "fileSuffix": "",
            "fileTypeCode": this.fileTypeCode,
            "memberCode": this.membercode
          }
          this.postAxios('/file/upload',data).then((res)=>{
            if(res.code==2000){
              this.$message.success('文件上传成功')
              this.dialogImageUrl = base64File;
              this.fileList.url=base64File
              // console.log(this.fileList.url)
            }
            // console.log(res)
          }).catch((error)=>{
            console.log(error)
          })
        }
      },
      handlePictureCardPreview(file) {
        //预览图片
        console.log(file);
        this.dialogImageUrl = file.url;
        console.log(this.dialogImageUrl)
        this.dialogVisible = true;
      },
      handleRemove(file, fileList) {
        //移除
        console.log(file);
        console.log(fileList)
        this.deleteAxios('/file/delete?fileId='+file.id).then((res)=>{
          console.log(res)
        }).catch((error)=>{
          console.log(error)
        })
      },//上传
       httpRequest(option){
        let file = option.file
        // console.log(file)
        let fileName = file.name
        if(file){
          var Reader = new FileReader();
          Reader.readAsDataURL(file)
        }
        Reader.onload=()=>{
          let base64File=Reader.result

          let data={
            "applyCode": this.applycode,
            "base64File": base64File.split(',')[1],
            "companyCode": this.companycode,
            "companyName": "",
            "fileHolder": "",
            "fileName": fileName,
            "fileSuffix": "",
            "fileTypeCode": this.fileTypeCode,
            "memberCode": this.membercode
          }
          this.postAxios('/file/upload',data).then((res)=>{
            if(res.code==2000){
              this.$message.success('文件上传成功')
              this.dialogImageUrl = base64File;
              this.fileList.url=base64File
              // console.log(this.fileList.url)
            }
            // console.log(res)
          }).catch((error)=>{
            console.log(error)
          })
        }
      },
      handlePictureCardPreview(file) {
        //预览图片
        console.log(file);
        this.dialogImageUrl = file.url;
        console.log(this.dialogImageUrl)
        this.dialogVisible = true;
      },
      handleRemove(file, fileList) {
        //移除
        console.log(file);
        console.log(fileList)
        this.deleteAxios('/file/delete?fileId='+file.id).then((res)=>{
          console.log(res)
        }).catch((error)=>{
          console.log(error)
        })
      },

 

<!--上传-->
        <el-upload
          action="http://192.168.2.96:8000/file/upload"
          list-type="text"
          accept="text"
          :limit="imgLimit"
          :data="upLoadData"
          :show-file-list=true
          :file-list="fileList"
          :multiple="isMultiple"
          :on-preview="handlePictureCardPreview"
          :on-remove="handleRemove"
          :before-upload="beforeAvatarUpload"
          :on-exceed="handleExceed"
          :http-request="httpRequest"
          :on-error="imgUploadError">
          <i class="el-icon-plus butn">点击上传</i>
        </el-upload>
        <el-dialog :visible.sync="dialogVisible">
          <img width="100%" :src="dialogImageUrl" alt="">
        </el-dialog>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值