From f358f667a292973618199b51552d61179181cf1d Mon Sep 17 00:00:00 2001 From: ZZJ <10913410+zzj2100@user.noreply.gitee.com> Date: 星期三, 27 七月 2022 14:23:32 +0800 Subject: [PATCH] bug修复 --- src/components/subComponents/imgDown.vue | 47 ++++++++++++++++++++++++++--------------------- 1 files changed, 26 insertions(+), 21 deletions(-) diff --git a/src/components/subComponents/imgDown.vue b/src/components/subComponents/imgDown.vue index 267e4a3..a386a91 100644 --- a/src/components/subComponents/imgDown.vue +++ b/src/components/subComponents/imgDown.vue @@ -1,56 +1,61 @@ <template> <div class="imgBox"> - <img :src="'/httpImage/' + url" class="cursor-pointer" v-if="isPreview" preview /> - <img :src="'/httpImage/' + url" v-if="!isPreview" /> - <el-button class="btn" @click="downloadIamge('/httpImage/' + url)"> + <img + :src="'http://' + url" + class="cursor-pointer" + v-if="isPreview" + preview + /> + <img :src="'http://' + url" v-if="!isPreview" /> + <el-button class="btn" @click="downloadIamge('http://' + url)"> <i class="iconfont iconxiazai"></i> </el-button> </div> </template> <script> -import axios from "axios" +import axios from "axios"; export default { props: { url: { default: "", - type: String + type: String, }, isPreview: { default: true, - type: Boolean - } + type: Boolean, + }, }, methods: { downloadIamge(url) { axios({ method: "get", url: url, - responseType: "blob" + responseType: "blob", }) .then((res) => { if (res.status == 200) { - var a = document.createElement("a") - var strs = url.split("/") - var href = new Blob([res.data], { type: "image/jpeg" }) - a.href = URL.createObjectURL(href) - a.download = strs[strs.length - 1] + ".jpg" - a.click() + var a = document.createElement("a"); + var strs = url.split("/"); + var href = new Blob([res.data], { type: "image/jpeg" }); + a.href = URL.createObjectURL(href); + a.download = strs[strs.length - 1] + ".jpg"; + a.click(); } }) .catch((err) => { if (err && err.status == 401) { - return + return; } this.$notify({ type: "error", message: "涓嬭浇澶辫触锛�" + err + "璇烽噸璇曪紒", duration: 2500, - offset: 57 - }) - }) - } - } -} + offset: 57, + }); + }); + }, + }, +}; </script> <style lang="scss" scoped> .imgBox { -- Gitblit v1.8.0