• vue + axios 实现图片上传 简单版


    uploadImg(img) { // img  =>  base64图片地址
          let param = new FormData(); //创建form对象
          param.append('multipartFile', this.dataURLtoBlob(img));// base64 转  二进制流   multipartFile => 后端要求的参数
          this.$axios({
            method: 'post',  // post 方式
            url: '/ss-minprogram/uploads',  // 接口地址
            headers: { // 设置请求头
              "Content-Type": "multipart/form-data"
            },
            data: param  // 参数
          }).then((re) => { // 成功
    
          }).catch((err) => { // 异常
    
          })
        },
        //base64 转二进制流
        dataURLtoBlob(dataurl) {
          var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
          while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
          }
          return new Blob([u8arr], { type: mime });
        },
  • 相关阅读:
    第三天-基本数据类型 int bool str
    第二天-while循环 格式化输出 运算符 编码
    第一天-python基础
    Mysql
    Mysql
    Mysql
    Mysql
    Mysql
    Mysql
    Php
  • 原文地址:https://www.cnblogs.com/skydragonli/p/12557214.html
Copyright © 2020-2023  润新知