{"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\component\\common\\QiniuMultipleUp.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\component\\common\\QiniuMultipleUp.vue","mtime":1678954023467},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1681371925422},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"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"]}]}