| 1 |
- {"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\component\\common\\UploadQiniuBtn.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\component\\common\\UploadQiniuBtn.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0RW5Ub2tlbiB9IGZyb20gIkAvdXRpbHMvYWNjZXNzVG9rZW4iOwppbXBvcnQgeyBhcGlVcmwgfSBmcm9tICJAL2NvbmZpZy9zZXR0aW5ncyI7CmltcG9ydCB7IHVwbG9hZFRva2VuLCBVcGxvYWREZWwgfSBmcm9tICJAL2FwaS9jb21tb24iOwpleHBvcnQgZGVmYXVsdCB7CiAgcHJvcHM6IHsKICAgIG11bHRpcGxlOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IGZhbHNlCiAgICB9LAogICAgaW1nSGVpZ2h0OiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogNzUwCiAgICB9LAogICAgbGltaXQ6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAxCiAgICB9LAogICAgaXNCdG46IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAicGljdHVyZS1jYXJkIgogICAgfSwKICAgIHVwVGlwOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogIiIKICAgIH0sCiAgICBmaWxlTGlzdDogewogICAgICB0eXBlOiBBcnJheSwKICAgICAgZGVmYXVsdDogKCkgPT4gewogICAgICAgIHJldHVybiBbXTsKICAgICAgfQogICAgfSwKICAgIC8vIOaYr+WQpuivt+axguWIoOmZpOaOpeWPowogICAgdHJ1ZURlbDogewogICAgICB0eXBlOiBCb29sZWFuLAogICAgICBkZWZhdWx0OiB0cnVlCiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGltZ191cmw6IGFwaVVybC5RSU5JVV9VUkwsCiAgICAgIGZvcm1EYXRhOiAiIiwKICAgICAgbG9hZGluZzogZmFsc2UsCiAgICAgIHBpY19tb2RlbF9zaG93OiBmYWxzZSwKICAgICAgUWluaXVEYXRhOiB7CiAgICAgICAga2V5OiAiIiwKICAgICAgICAvLyDlm77niYflkI3lrZflpITnkIYKICAgICAgICB0b2tlbjogIiIgLy8g5LiD54mb5LqRdG9rZW4KCiAgICAgIH0sCiAgICAgIGRvbWFpbjogYXBpVXJsLlFJTklVX1VQLAogICAgICAvLyDkuIPniZvkupHnmoTkuIrkvKDlnLDlnYDvvIjljY7ljZfljLrvvIkKICAgICAgdXBsb2FkUGljVXJsOiAiIiAvLyDmj5DkuqTliLDlkI7lj7Dlm77niYflnLDlnYAKCiAgICB9OwogIH0sCgogIG1vdW50ZWQoKSB7Ly8gdGhpcy5nZXRRaW5pdVRva2VuKCkKICB9LAoKICBtZXRob2RzOiB7CiAgICAvLyDnp7vpmaTlm77niYcg6K+35rGC5LiD54mb5LqR5o6l5Y+jCiAgICBhc3luYyBoYW5kbGVSZW1vdmUoZmlsZSwgZmlsZUxpc3QpIHsKICAgICAgbGV0IHVybEFyciA9ICIiOwoKICAgICAgaWYgKCFmaWxlLnJlc3BvbnNlKSB7CiAgICAgICAgdXJsQXJyID0gZmlsZS51cmwuc3BsaXQoIi8iKTsKICAgICAgfSBlbHNlIHsKICAgICAgICB1cmxBcnIgPSBmaWxlLnJlc3BvbnNlLmtleS5zcGxpdCgiLyIpOwogICAgICB9CgogICAgICBjb25zdCBuYW1lU2xpY2UgPSB1cmxBcnJbdXJsQXJyLmxlbmd0aCAtIDZdOwogICAgICBsZXQgbmFtZSA9ICIiOwoKICAgICAgaWYgKHVybEFyclt1cmxBcnIubGVuZ3RoIC0gMV0gPT09ICI3NTAiKSB7CiAgICAgICAgbmFtZSA9IG5hbWVTbGljZS5zbGljZSgwLCBuYW1lU2xpY2UuaW5kZXhPZigiPyIpKTsKICAgICAgfSBlbHNlIHsKICAgICAgICBuYW1lID0gdXJsQXJyW3VybEFyci5sZW5ndGggLSAxXTsKICAgICAgfQoKICAgICAgbGV0IGtleSA9IGAke2dldEVuVG9rZW4oKX0vJHtuYW1lfWA7CgogICAgICBpZiAodGhpcy50cnVlRGVsKSB7CiAgICAgICAgY29uc3QgZGF0YSA9IGF3YWl0IFVwbG9hZERlbCh7CiAgICAgICAgICBidWNrZXQ6IGFwaVVybC5RSU5JVV9LRVksCiAgICAgICAgICBrZXk6IGtleQogICAgICAgIH0pOwogICAgICAgIHRoaXMudXBsb2FkUGljVXJsID0gIiI7CiAgICAgICAgdGhpcy4kZW1pdCgiaGFuZGxlUmVtb3ZlIiwgZmlsZSwgZmlsZUxpc3QpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMudXBsb2FkUGljVXJsID0gIiI7CiAgICAgICAgdGhpcy4kZW1pdCgiaGFuZGxlUmVtb3ZlIiwgZmlsZSwgZmlsZUxpc3QpOwogICAgICB9CiAgICB9LAoKICAgIC8vIOaWh+S7tui2heWHuuS4quaVsOmZkOWItuaXtueahOmSqeWtkAogICAgaGFuZGxlRXhjZWVkKGZpbGVzLCBmaWxlTGlzdCkgewogICAgICB0aGlzLiRtZXNzYWdlLndhcm5pbmcoYOW9k+WJjemZkOWItumAieaLqSAke3RoaXMubGltaXR9IOW8oOWbvueJh++8jOWmgumcgOabtOaNou+8jOivt+WIoOmZpOS4iuS4gOW8oOWbvueJh+WcqOmHjeaWsOmAieaLqe+8gWApOwogICAgfSwKCiAgICBhc3luYyBiZWZvcmVBdmF0YXJVcGxvYWQoZmlsZSkgewogICAgICBjb25zdCBpc1BORyA9IGZpbGUudHlwZSA9PT0gImltYWdlL3BuZyI7CiAgICAgIGNvbnN0IGlzSlBFRyA9IGZpbGUudHlwZSA9PT0gImltYWdlL2pwZWciOwogICAgICBjb25zdCBpc0pQRyA9IGZpbGUudHlwZSA9PT0gImltYWdlL2pwZyI7CiAgICAgIGNvbnN0IGlzTHQyTSA9IGZpbGUuc2l6ZSAvIDEwMjQgLyAxMDI0IDwgMTsKCiAgICAgIGlmICghaXNQTkcgJiYgIWlzSlBFRyAmJiAhaXNKUEcpIHsKICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKCLkuIrkvKDlm77niYflj6rog73mmK8ganBn44CBcG5n44CBanBlZyDmoLzlvI8hIik7CiAgICAgICAgcmV0dXJuOwogICAgICB9IC8vIGlmICghaXNMdDJNKSB7CiAgICAgIC8vICAgdGhpcy4kbWVzc2FnZS5lcnJvcign5LiK5Lyg5Zu+54mH5aSn5bCP5LiN6IO96LaF6L+HIDFNQiEnKQogICAgICAvLyAgIHJldHVybiBmYWxzZQogICAgICAvLyB9CiAgICAgIC8vIOa3u+WKoOaXtumXtOaIs++8jOmYsuatouWQjOWQjeWbvueJh+S4iuS8oOWSjOWIoOmZpOWHuumUmQoKCiAgICAgIGNvbnN0IG5vd1RpbWUgPSBuZXcgRGF0ZSgpLmdldFRpbWUoKTsKICAgICAgdGhpcy5RaW5pdURhdGEua2V5ID0gYCR7Z2V0RW5Ub2tlbigpfS8ke25vd1RpbWV9JHtmaWxlLm5hbWV9YDsgLy8gY29uc29sZS5sb2codGhpcy5RaW5pdURhdGEua2V5KQogICAgICAvLyByZXR1cm4KCiAgICAgIHRoaXMuJGVtaXQoImJlZm9yZVVwbG9hZCIsIGZpbGUpOwogICAgICBhd2FpdCB0aGlzLmdldFFpbml1VG9rZW4odGhpcy5RaW5pdURhdGEua2V5KTsKICAgIH0sCgogICAgLy8g5LiK5Lyg5oiQ5YqfCiAgICB1cGxvYWRTdWNjZXNzKHJlc3BvbnNlLCBmaWxlLCBmaWxlTGlzdCkgewogICAgICBjb25zdCB1cGxvYWRQaWNVcmxZID0gYCR7dGhpcy5pbWdfdXJsfS8ke3Jlc3BvbnNlLmtleX1gOwogICAgICBjb25zdCBmaWxlTGlzdFkgPSBmaWxlTGlzdC5tYXAoaXRlbSA9PiB7CiAgICAgICAgaWYgKGl0ZW0ucmVzcG9uc2UpIHsKICAgICAgICAgIGl0ZW0ucmVzcG9uc2UgPSB7IC4uLml0ZW0ucmVzcG9uc2UsCiAgICAgICAgICAgIGtleTogaXRlbS5yZXNwb25zZS5rZXkKICAgICAgICAgIH07CiAgICAgICAgfQoKICAgICAgICByZXR1cm4geyAuLi5pdGVtCiAgICAgICAgfTsKICAgICAgfSk7CiAgICAgIHRoaXMuJGVtaXQoInVwbG9hZFN1Y2Nlc3MiLCB1cGxvYWRQaWNVcmxZLCByZXNwb25zZSwgZmlsZSwgZmlsZUxpc3RZKTsKICAgIH0sCgogICAgdXBsb2FkRXJyb3IoZXJybywgZmlsZSwgZmlsZUxpc3QpIHsKICAgICAgdGhpcy4kbWVzc2FnZSh7CiAgICAgICAgbWVzc2FnZTogIuS4iuS8oOWHuumUme+8jOivt+mHjeivle+8gSIsCiAgICAgICAgdHlwZTogImVycm9yIiwKICAgICAgICBjZW50ZXI6IHRydWUKICAgICAgfSk7CiAgICB9LAoKICAgIGJlZm9yZVJlbW92ZShmaWxlLCBmaWxlTGlzdCkgey8vIHJldHVybiB0aGlzLiRjb25maXJtKGDnoa7lrprnp7vpmaQgJHsgZmlsZS5uYW1lIH3vvJ9gKTsKICAgIH0sCgogICAgLy8g6K+35rGC5ZCO5Y+w5ou/5LiD54mb5LqRdG9rZW4KICAgIGFzeW5jIGdldFFpbml1VG9rZW4oa2V5KSB7CiAgICAgIGNvbnN0IGRhdGEgPSBhd2FpdCB1cGxvYWRUb2tlbih7CiAgICAgICAgYnVja2V0OiBhcGlVcmwuUUlOSVVfS0VZLAogICAgICAgIGtleToga2V5CiAgICAgIH0pOwogICAgICB0aGlzLlFpbml1RGF0YS50b2tlbiA9IGRhdGEuZGF0YTsKICAgIH0KCiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AACA;AACA;AACA;EACAA;IACAC;MACAC,aADA;MAEAC;IAFA,CADA;IAKAC;MACAF,YADA;MAEAC;IAFA,CALA;IASAE;MACAH,YADA;MAEAC;IAFA,CATA;IAaAG;MACAJ,YADA;MAEAC;IAFA,CAbA;IAiBAI;MACAL,YADA;MAEAC;IAFA,CAjBA;IAqBAK;MACAN,WADA;MAEAC;QACA;MACA;IAJA,CArBA;IA2BA;IACAM;MACAP,aADA;MAEAC;IAFA;EA5BA,CADA;;EAkCAO;IACA;MACAC,yBADA;MAEAC,YAFA;MAGAC,cAHA;MAIAC,qBAJA;MAKAC;QACAC,OADA;QACA;QACAC,SAFA,CAEA;;MAFA,CALA;MASAC,uBATA;MASA;MACAC,gBAVA,CAUA;;IAVA;EAYA,CA/CA;;EAgDAC,WACA;EACA,CAlDA;;EAmDAC;IACA;IACA;MACA;;MACA;QACAC;MACA,CAFA,MAEA;QACAA;MACA;;MACA;MACA;;MACA;QACAC;MACA,CAFA,MAEA;QACAA;MACA;;MAEA;;MACA;QACA;UACAC,wBADA;UAEAR;QAFA;QAKA;QACA;MACA,CARA,MAQA;QACA;QACA;MACA;IACA,CA9BA;;IA+BA;IACAS;MACA,sBACA,8CADA;IAGA,CApCA;;IAqCA;MACA;MACA;MACA;MACA;;MAEA;QACA;QACA;MACA,CATA,CAUA;MACA;MACA;MACA;MACA;;;MACA;MAEA,8DAjBA,CAkBA;MACA;;MACA;MACA;IACA,CA3DA;;IA4DA;IACAC;MACA;MACA;QACA;UACAC,kBACA,gBADA;YAEAX;UAFA;QAIA;;QACA,SACA;QADA;MAGA,CAVA;MAWA;IACA,CA3EA;;IA4EAY;MACA;QACAC,oBADA;QAEA3B,aAFA;QAGA4B;MAHA;IAKA,CAlFA;;IAmFAC,8BACA;IACA,CArFA;;IAsFA;IACA;MACA;QACAP,wBADA;QAEAR;MAFA;MAKA;IACA;;EA9FA;AAnDA","names":["props","multiple","type","default","imgHeight","limit","isBtn","upTip","fileList","trueDel","data","img_url","formData","loading","pic_model_show","QiniuData","key","token","domain","uploadPicUrl","mounted","methods","urlArr","name","bucket","handleExceed","uploadSuccess","item","uploadError","message","center","beforeRemove"],"sourceRoot":"src/component/common","sources":["UploadQiniuBtn.vue"],"sourcesContent":["<template>\n <div class=\"upload-info\">\n <el-upload\n class=\"upload-pic\"\n :action=\"domain\"\n :data=\"QiniuData\"\n :on-remove=\"handleRemove\"\n :on-error=\"uploadError\"\n :on-success=\"uploadSuccess\"\n :before-remove=\"beforeRemove\"\n :before-upload=\"beforeAvatarUpload\"\n :limit=\"100\"\n :on-exceed=\"handleExceed\"\n :file-list=\"fileList\"\n :list-type=\"isBtn\"\n :multiple=\"false\"\n >\n <slot name=\"upbtn\">\n <i class=\"el-icon-plus\"></i>\n <div slot=\"tip\" class=\"logoTip\">\n {{\n upTip || \"尺寸：200*200像素; 格式：jpg,jpeg,png; 大小：建议小于1M。\"\n }}\n </div>\n </slot>\n </el-upload>\n </div>\n</template>\n\n<script>\n import { getEnToken } from \"@/utils/accessToken\";\n import { apiUrl } from \"@/config/settings\";\n import { uploadToken, UploadDel } from \"@/api/common\";\n export default {\n props: {\n multiple: {\n type: Boolean,\n default: false,\n },\n imgHeight: {\n type: Number,\n default: 750,\n },\n limit: {\n type: Number,\n default: 1,\n },\n isBtn: {\n type: String,\n default: \"picture-card\",\n },\n upTip: {\n type: String,\n default: \"\",\n },\n fileList: {\n type: Array,\n default: () => {\n return [];\n },\n },\n // 是否请求删除接口\n trueDel: {\n type: Boolean,\n default: true,\n },\n },\n data() {\n return {\n img_url: apiUrl.QINIU_URL,\n formData: \"\",\n loading: false,\n pic_model_show: false,\n QiniuData: {\n key: \"\", // 图片名字处理\n token: \"\", // 七牛云token\n },\n domain: apiUrl.QINIU_UP, // 七牛云的上传地址（华南区）\n uploadPicUrl: \"\", // 提交到后台图片地址\n };\n },\n mounted() {\n // this.getQiniuToken()\n },\n methods: {\n // 移除图片 请求七牛云接口\n async handleRemove(file, fileList) {\n let urlArr = \"\";\n if (!file.response) {\n urlArr = file.url.split(\"/\");\n } else {\n urlArr = file.response.key.split(\"/\");\n }\n const nameSlice = urlArr[urlArr.length - 6];\n let name = \"\";\n if (urlArr[urlArr.length - 1] === \"750\") {\n name = nameSlice.slice(0, nameSlice.indexOf(\"?\"));\n } else {\n name = urlArr[urlArr.length - 1];\n }\n\n let key = `${getEnToken()}/${name}`;\n if (this.trueDel) {\n const data = await UploadDel({\n bucket: apiUrl.QINIU_KEY,\n key: key,\n });\n\n this.uploadPicUrl = \"\";\n this.$emit(\"handleRemove\", file, fileList);\n } else {\n this.uploadPicUrl = \"\";\n this.$emit(\"handleRemove\", file, fileList);\n }\n },\n // 文件超出个数限制时的钩子\n handleExceed(files, fileList) {\n this.$message.warning(\n `当前限制选择 ${this.limit} 张图片，如需更换，请删除上一张图片在重新选择！`\n );\n },\n async beforeAvatarUpload(file) {\n const isPNG = file.type === \"image/png\";\n const isJPEG = file.type === \"image/jpeg\";\n const isJPG = file.type === \"image/jpg\";\n const isLt2M = file.size / 1024 / 1024 < 1;\n\n if (!isPNG && !isJPEG && !isJPG) {\n this.$message.error(\"上传图片只能是 jpg、png、jpeg 格式!\");\n return;\n }\n // if (!isLt2M) {\n // this.$message.error('上传图片大小不能超过 1MB!')\n // return false\n // }\n // 添加时间戳，防止同名图片上传和删除出错\n const nowTime = new Date().getTime();\n\n this.QiniuData.key = `${getEnToken()}/${nowTime}${file.name}`;\n // console.log(this.QiniuData.key)\n // return\n this.$emit(\"beforeUpload\", file);\n await this.getQiniuToken(this.QiniuData.key);\n },\n // 上传成功\n uploadSuccess(response, file, fileList) {\n const uploadPicUrlY = `${this.img_url}/${response.key}`;\n const fileListY = fileList.map((item) => {\n if (item.response) {\n item.response = {\n ...item.response,\n key: item.response.key,\n };\n }\n return {\n ...item,\n };\n });\n this.$emit(\"uploadSuccess\", uploadPicUrlY, response, file, fileListY);\n },\n uploadError(erro, file, fileList) {\n this.$message({\n message: \"上传出错，请重试！\",\n type: \"error\",\n center: true,\n });\n },\n beforeRemove(file, fileList) {\n // return this.$confirm(`确定移除 ${ file.name }？`);\n },\n // 请求后台拿七牛云token\n async getQiniuToken(key) {\n const data = await uploadToken({\n bucket: apiUrl.QINIU_KEY,\n key: key,\n });\n\n this.QiniuData.token = data.data;\n },\n },\n };\n</script>\n<style scoped>\n .logoTip {\n font-size: 12px;\n }\n</style>\n"]}]}
|
