| 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\\QiniuMultipleUp.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\component\\common\\QiniuMultipleUp.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0RW5Ub2tlbiB9IGZyb20gIkAvdXRpbHMvYWNjZXNzVG9rZW4iOwppbXBvcnQgeyB1cGxvYWRUb2tlbiwgVXBsb2FkRGVsIH0gZnJvbSAiQC9hcGkvY29tbW9uIjsKaW1wb3J0IHsgYXBpVXJsIH0gZnJvbSAiQC9jb25maWcvc2V0dGluZ3MiOwppbXBvcnQgYXhpb3MgZnJvbSAiYXhpb3MiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlFpbml1TXVsdGlwbGVVcCIsCgogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBpbWdfdXJsOiBhcGlVcmwuUUlOSVVfVVJMLAogICAgICBkaWFsb2dJbWFnZVVybDogIiIsCiAgICAgIGRpYWxvZ1Zpc2libGU6IGZhbHNlLAogICAgICBmaWxlTGlzdDogW10sCiAgICAgIHVwbG9hZF9xaW5pdV9hcmVhOiBhcGlVcmwuUUlOSVVfVVAsCiAgICAgIC8vIOS4g+eJm+S6keS4iuS8oOWCqOWtmOWMuuWfn+eahOS4iuS8oOWfn+WQjQogICAgICB0b2tlbjogIiIsCiAgICAgIGxpbWl0OiA1MAogICAgfTsKICB9LAoKICBjcmVhdGVkKCkgewogICAgLy8g5LiK5p2l6I635Y+W5LiD54mbdG9rZW4KICAgIHRoaXMuZ2V0UWluaXVUb2tlbigpOwogIH0sCgogIG1ldGhvZHM6IHsKICAgIC8vIOivt+axguWQjuWPsOaLv+S4g+eJm+S6kXRva2VuCiAgICBhc3luYyBnZXRRaW5pdVRva2VuKGtleSkgewogICAgICBjb25zdCBkYXRhID0gYXdhaXQgdXBsb2FkVG9rZW4oewogICAgICAgIGJ1Y2tldDogYXBpVXJsLlFJTklVX0tFWSwKICAgICAgICBrZXk6IDAKICAgICAgfSk7CiAgICAgIHRoaXMudG9rZW4gPSBkYXRhLmRhdGE7CiAgICB9LAoKICAgIHBpY0NhcmRQcmV2aWV3KGZpbGUpIHsKICAgICAgLy8g5LiK5Lyg5Zu+6aKE6KeICiAgICAgIHRoaXMuZGlhbG9nSW1hZ2VVcmwgPSBmaWxlLnVybDsKICAgICAgdGhpcy5kaWFsb2dWaXNpYmxlID0gdHJ1ZTsKICAgIH0sCgogICAgYmVmb3JlUGljVXBsb2FkKGZpbGUpIHsKICAgICAgLy8g5Zu+54mH5qCh6aqMCiAgICAgIGNvbnN0IGxpbWl0UGljID0gZmlsZS50eXBlID09PSAiaW1hZ2UvcG5nIiB8fCBmaWxlLnR5cGUgPT09ICJpbWFnZS9qcGciIHx8IGZpbGUudHlwZSA9PT0gImltYWdlL2pwZWciIHx8IGZpbGUudHlwZSA9PT0gImltYWdlL2dpZiI7CgogICAgICBpZiAoIWxpbWl0UGljKSB7CiAgICAgICAgdGhpcy4kbm90aWZ5Lndhcm5pbmcoewogICAgICAgICAgdGl0bGU6ICLorablkYoiLAogICAgICAgICAgbWVzc2FnZTogIuivt+S4iuS8oOagvOW8j+S4umltYWdlL3BuZyxpbWFnZS9qcGcsaW1hZ2UvanBlZyxpbWFnZS9naWbnmoTlm77niYciCiAgICAgICAgfSk7CiAgICAgIH0KCiAgICAgIGNvbnN0IGxpbWl0U2l6ZSA9IGZpbGUuc2l6ZSAvIDEwMjQgLyAxMDI0IC8gNSA8IDU7CgogICAgICBpZiAoIWxpbWl0U2l6ZSkgewogICAgICAgIHRoaXMuJG5vdGlmeS53YXJuaW5nKHsKICAgICAgICAgIHRpdGxlOiAi6K2m5ZGKIiwKICAgICAgICAgIG1lc3NhZ2U6ICLlm77niYflpKflsI/lv4XpobvlsI/kuo41TSIKICAgICAgICB9KTsKICAgICAgfQoKICAgICAgcmV0dXJuIGxpbWl0UGljICYmIGxpbWl0U2l6ZTsKICAgIH0sCgogICAgYXN5bmMgcmVtb3ZlUGljKGZpbGUsIGZpbGVMaXN0KSB7CiAgICAgIGNvbnN0IGRhdGEgPSBhd2FpdCBVcGxvYWREZWwoewogICAgICAgIGJ1Y2tldDogYXBpVXJsLlFJTklVX0tFWSwKICAgICAgICBrZXk6IGAke2dldEVuVG9rZW4oKX0vJHtmaWxlLm5hbWV9YAogICAgICB9KTsgLy8g56e76Zmk5Zu+54mHCgogICAgICB0aGlzLmZpbGVMaXN0ID0gZmlsZUxpc3Q7CiAgICB9LAoKICAgIGhhbmRsZUV4Y2VlZChmaWxlcywgZmlsZUxpc3QpIHsKICAgICAgLy8g5paH5Lu26LaF5Ye65Liq5pWw6ZmQ5Yi2CiAgICAgIHRoaXMuJG1lc3NhZ2Uud2FybmluZyhg5b2T5YmN6ZmQ5Yi25LiK5LygICR7dGhpcy5saW1pdH0g5byg5Zu+54mHYCk7CiAgICB9LAoKICAgIC8vIHRoaXMuJHJlZnMudXBsb2FkLmNsZWFyRmlsZXMoKQogICAgdXBsb2FkUWluaXUocmVxdWVzdCkgewogICAgICAvLyDkuIrkvKDkuIPniZsKICAgICAgY29uc3QgTG9hZGluZyA9IHRoaXMuJGJhc2VDb2xvcmZ1bGxMb2FkaW5nKDIsICLlm77niYfmraPlnKjkuIrkvKAuLi4iKTsKICAgICAgdGhpcy5oYW5kbGVVcGxvYWQocmVxdWVzdCkudGhlbihyZXN1bHQgPT4gewogICAgICAgIExvYWRpbmcuY2xvc2UoKTsKCiAgICAgICAgaWYgKCFyZXN1bHQuZGF0YS5rZXkpIHsKICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoewogICAgICAgICAgICBtZXNzYWdlOiAi5Zu+54mH5LiK5Lyg5aSx6LSlLOivt+mHjeaWsOS4iuS8oCIsCiAgICAgICAgICAgIGR1cmF0aW9uOiAyMDAwCiAgICAgICAgICB9KTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgY29uc3QgdXJsID0gdGhpcy5pbWdfdXJsICsgIi8iICsgcmVzdWx0LmRhdGEua2V5OwogICAgICAgICAgY29uc3QgbmFtZSA9IHJlcXVlc3QuZmlsZS5uYW1lOyAvLyB0aGlzLmZpbGVMaXN0LnB1c2goeyB1cmw6IHRoaXMuaW1nX3VybCArICcvJyArIHJlc3VsdC5kYXRhLmtleSwgbmFtZTogcmVxdWVzdC5maWxlLm5hbWUgfSkKCiAgICAgICAgICB0aGlzLiRyZWZzLnVwbG9hZC5jbGVhckZpbGVzKCk7CiAgICAgICAgICB0aGlzLiRlbWl0KCJ1cGxvYWRTdWNjZXNzIiwgbmFtZSwgdXJsKTsKICAgICAgICB9CiAgICAgIH0pLmNhdGNoKGVyciA9PiB7CiAgICAgICAgTG9hZGluZy5jbG9zZSgpOwogICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoewogICAgICAgICAgbWVzc2FnZTogYOWbvueJh+S4iuS8oOWksei0pSR7ZXJyfWAsCiAgICAgICAgICBkdXJhdGlvbjogMjAwMAogICAgICAgIH0pOwogICAgICB9KTsKICAgIH0sCgogICAgaGFuZGxlVXBsb2FkKHJlcXVlc3QpIHsKICAgICAgY29uc3QgZmlsZU5hbWUgPSByZXF1ZXN0LmZpbGUubmFtZTsKICAgICAgY29uc3QgcHJvbWlzZSA9IG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHsKICAgICAgICBjb25zdCBjb25maWcgPSB7CiAgICAgICAgICBoZWFkZXJzOiB7CiAgICAgICAgICAgICJDb250ZW50LVR5cGUiOiAibXVsdGlwYXJ0L2Zvcm0tZGF0YSIKICAgICAgICAgIH0KICAgICAgICB9OwogICAgICAgIGNvbnN0IGtleSA9IGAke25ldyBEYXRlKCkuZ2V0VGltZSgpfSR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMTAwKX0vJHtnZXRFblRva2VuKCl9LyR7ZmlsZU5hbWV9YDsgLy8g6Ieq5a6a5LmJ5Zu+54mH5ZCNCgogICAgICAgIGNvbnN0IGZkID0gbmV3IEZvcm1EYXRhKCk7CiAgICAgICAgZmQuYXBwZW5kKCJmaWxlIiwgcmVxdWVzdC5maWxlKTsKICAgICAgICBmZC5hcHBlbmQoInRva2VuIiwgdGhpcy50b2tlbik7CiAgICAgICAgZmQuYXBwZW5kKCJrZXkiLCBrZXkpOwogICAgICAgIGF4aW9zLnBvc3QodGhpcy51cGxvYWRfcWluaXVfYXJlYSwgZmQsIGNvbmZpZykudGhlbihyZXMgPT4gewogICAgICAgICAgaWYgKHJlcy5zdGF0dXMgJiYgcmVzLmRhdGEpIHsKICAgICAgICAgICAgcmVzb2x2ZShyZXMpOwogICAgICAgICAgfSBlbHNlIHsKICAgICAgICAgICAgcmVqZWN0KHJlcyk7CiAgICAgICAgICB9CiAgICAgICAgfSkuY2F0Y2goZXJyID0+IHsKICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoewogICAgICAgICAgICBtZXNzYWdlOiBg5LiK5Lyg5aSx6LSlWyR7ZXJyLnN0YXR1c31dYCwKICAgICAgICAgICAgZHVyYXRpb246IDIwMDAKICAgICAgICAgIH0pOwogICAgICAgIH0pOwogICAgICB9KTsKICAgICAgcmV0dXJuIHByb21pc2U7CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;AACA;AACA;AACA;AACA;EACAA,uBADA;;EAEAC;IACA;MACAC,yBADA;MAEAC,kBAFA;MAGAC,oBAHA;MAIAC,YAJA;MAKAC,kCALA;MAKA;MACAC,SANA;MAOAC;IAPA;EASA,CAZA;;EAaAC;IACA;IACA;EACA,CAhBA;;EAiBAC;IACA;IACA;MACA;QACAC,wBADA;QAEAC;MAFA;MAKA;IACA,CATA;;IAUAC;MACA;MACA;MACA;IACA,CAdA;;IAeAC;MACA;MACA,iBACAC,6BACAA,yBADA,IAEAA,0BAFA,IAGAA,yBAJA;;MAKA;QACA;UACAC,WADA;UAEAC,SACA;QAHA;MAKA;;MACA;;MACA;QACA;UACAD,WADA;UAEAC;QAFA;MAIA;;MACA;IACA,CArCA;;IAuCA;MACA;QACAN,wBADA;QAEAC;MAFA,GADA,CAKA;;MACA;IACA,CA9CA;;IA+CAM;MACA;MACA;IACA,CAlDA;;IAmDA;IACAC;MACA;MACA;MACA,2BACAC,IADA,CACAC;QACAC;;QACA;UACA;YACAL,uBADA;YAEAM;UAFA;QAIA,CALA,MAKA;UACA;UACA,+BAFA,CAGA;;UACA;UACA;QACA;MACA,CAfA,EAgBAC,KAhBA,CAgBAC;QACAH;QACA;UACAL,uBADA;UAEAM;QAFA;MAIA,CAtBA;IAuBA,CA9EA;;IA+EAG;MACA;MACA;QACA;UACAC;YAAA;UAAA;QADA;QAGA,iDACAC,mBADA,CAEA,8BAFA,CAJA,CAMA;;QACA;QACAC;QACAA;QACAA;QACAC,MACAC,IADA,CACA,sBADA,EACAF,EADA,EACAG,MADA,EAEAZ,IAFA,CAEAa;UACA;YACAC;UACA,CAFA,MAEA;YACAC;UACA;QACA,CARA,EASAX,KATA,CASAC;UACA;YACAR,8BADA;YAEAM;UAFA;QAIA,CAdA;MAeA,CA1BA;MA2BA;IACA;;EA7GA;AAjBA","names":["name","data","img_url","dialogImageUrl","dialogVisible","fileList","upload_qiniu_area","token","limit","created","methods","bucket","key","picCardPreview","beforePicUpload","file","title","message","handleExceed","uploadQiniu","then","result","Loading","duration","catch","err","handleUpload","headers","Math","fd","axios","post","config","res","resolve","reject"],"sourceRoot":"src/component/common","sources":["QiniuMultipleUp.vue"],"sourcesContent":["<template>\n <!-- 七牛多图上传-->\n <el-upload\n ref=\"upload\"\n class=\"upload-pic\"\n :action=\"upload_qiniu_area\"\n :auto-upload=\"true\"\n :limit=\"limit\"\n accept=\"image/jpg,image/png,image/jpeg,image/gif\"\n :file-list=\"fileList\"\n list-type=\"text\"\n :on-preview=\"picCardPreview\"\n :before-upload=\"beforePicUpload\"\n :on-exceed=\"handleExceed\"\n :on-remove=\"removePic\"\n :http-request=\"uploadQiniu\"\n :multiple=\"true\"\n >\n <slot name=\"upbtn\">\n <i class=\"el-icon-plus\"></i>\n </slot>\n <!-- <i class=\"el-icon-plus\"></i>-->\n </el-upload>\n</template>\n\n<script>\n import { getEnToken } from \"@/utils/accessToken\";\n import { uploadToken, UploadDel } from \"@/api/common\";\n import { apiUrl } from \"@/config/settings\";\n import axios from \"axios\";\n export default {\n name: \"QiniuMultipleUp\",\n data() {\n return {\n img_url: apiUrl.QINIU_URL,\n dialogImageUrl: \"\",\n dialogVisible: false,\n fileList: [],\n upload_qiniu_area: apiUrl.QINIU_UP, // 七牛云上传储存区域的上传域名\n token: \"\",\n limit: 50,\n };\n },\n created() {\n // 上来获取七牛token\n this.getQiniuToken();\n },\n methods: {\n // 请求后台拿七牛云token\n async getQiniuToken(key) {\n const data = await uploadToken({\n bucket: apiUrl.QINIU_KEY,\n key: 0,\n });\n\n this.token = data.data;\n },\n picCardPreview(file) {\n // 上传图预览\n this.dialogImageUrl = file.url;\n this.dialogVisible = true;\n },\n beforePicUpload(file) {\n // 图片校验\n const limitPic =\n file.type === \"image/png\" ||\n file.type === \"image/jpg\" ||\n file.type === \"image/jpeg\" ||\n file.type === \"image/gif\";\n if (!limitPic) {\n this.$notify.warning({\n title: \"警告\",\n message:\n \"请上传格式为image/png,image/jpg,image/jpeg,image/gif的图片\",\n });\n }\n const limitSize = file.size / 1024 / 1024 / 5 < 5;\n if (!limitSize) {\n this.$notify.warning({\n title: \"警告\",\n message: \"图片大小必须小于5M\",\n });\n }\n return limitPic && limitSize;\n },\n\n async removePic(file, fileList) {\n const data = await UploadDel({\n bucket: apiUrl.QINIU_KEY,\n key: `${getEnToken()}/${file.name}`,\n });\n // 移除图片\n this.fileList = fileList;\n },\n handleExceed(files, fileList) {\n // 文件超出个数限制\n this.$message.warning(`当前限制上传 ${this.limit} 张图片`);\n },\n // this.$refs.upload.clearFiles()\n uploadQiniu(request) {\n // 上传七牛\n const Loading = this.$baseColorfullLoading(2, \"图片正在上传...\");\n this.handleUpload(request)\n .then((result) => {\n Loading.close();\n if (!result.data.key) {\n this.$message.error({\n message: \"图片上传失败,请重新上传\",\n duration: 2000,\n });\n } else {\n const url = this.img_url + \"/\" + result.data.key;\n const name = request.file.name;\n // this.fileList.push({ url: this.img_url + '/' + result.data.key, name: request.file.name })\n this.$refs.upload.clearFiles();\n this.$emit(\"uploadSuccess\", name, url);\n }\n })\n .catch((err) => {\n Loading.close();\n this.$message.error({\n message: `图片上传失败${err}`,\n duration: 2000,\n });\n });\n },\n handleUpload(request) {\n const fileName = request.file.name;\n const promise = new Promise((resolve, reject) => {\n const config = {\n headers: { \"Content-Type\": \"multipart/form-data\" },\n };\n const key = `${new Date().getTime()}${Math.floor(\n Math.random() * 100\n )}/${getEnToken()}/${fileName}`; // 自定义图片名\n const fd = new FormData();\n fd.append(\"file\", request.file);\n fd.append(\"token\", this.token);\n fd.append(\"key\", key);\n axios\n .post(this.upload_qiniu_area, fd, config)\n .then((res) => {\n if (res.status && res.data) {\n resolve(res);\n } else {\n reject(res);\n }\n })\n .catch((err) => {\n this.$message.error({\n message: `上传失败[${err.status}]`,\n duration: 2000,\n });\n });\n });\n return promise;\n },\n },\n };\n</script>\n"]}]}
|
