vue-cropper的后缀是blob的解决办法

最新推荐文章于 2024-07-08 10:15:35 发布

yzhouziqi

最新推荐文章于 2024-07-08 10:15:35 发布

阅读量797

点赞数

分类专栏：项目点文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/y43991314/article/details/126243805

版权

项目点专栏收录该内容

9 篇文章 0 订阅

订阅专栏

this.$refs.cropper.getCropBlob(async (data) => {
console.log(data, “wenjain”);

const blobToFile = (blob, fileName) => { return new window.File([blob], fileName, { type: blob.type, }); }; let aa = blobToFile(data, “图片.png”); console.log(aa, “blobToFile”);

      let formData = new FormData();
      formData.append("file", aa);
      // formData.append("fileType", 0); //文件类型 0-图片 1-视频 2-文档 3-压缩包
      //调用axios上传
      const res = await _this.$Http.uploadfile(formData);
      console.log(res, "shanxuang");
      if (res.status === 200) {
        _this.$emit("uploadImgSuccessId", res.data.id);
        _this.$emit("uploadImgSuccess", res.data.resourceUrl);
      }