Vue3中使用axios进行图片的上传和下载

最新推荐文章于 2024-04-22 20:11:02 发布

KyleZhou_

最新推荐文章于 2024-04-22 20:11:02 发布

阅读量1.7k

点赞数

分类专栏： Vue3.0 antd Vue 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_38949279/article/details/127790302

版权

//图片下载
  const getFilePic = (type) => {
      return new Promise((resolve, reject) => {
        const token = store.state.user.token;
        axios
          .request({
            url: "http://192.168.31.54:82/company/getFile",
            responseType: "blob",
            method: "get",
            headers: { Authorization: `Bearer ${token}` },
            params: {
              id: _id,
              type: type ? type : typeUpload.value,
            },
          })
          .then((res) => {
            const blob = new Blob([res.data], { type: "image/png" });
            const url = window.URL.createObjectURL(blob);
            if (type === 1) imgUrl.loginLogo = url;
            else imgUrl.logo = url;
            resolve();
          })
          .catch(() => {
            reject();
          });
      });
    };

//上传
    const handleUplo