| 1 |
- {"remainingRequest":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\qianger\\7\\jindouyunNewFront\\src\\component\\Tinymce\\components\\EditorImage.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\qianger\\7\\jindouyunNewFront\\src\\component\\Tinymce\\components\\EditorImage.vue","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\qianger\\7\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0RW5Ub2tlbiB9IGZyb20gIkAvdXRpbHMvYWNjZXNzVG9rZW4iOwppbXBvcnQgeyBVcGxvYWREZWwsIHVwbG9hZFRva2VuIH0gZnJvbSAiQC9hcGkvY29tbW9uIjsgLy8gaW1wb3J0IFVwbG9hZFFpbml1IGZyb20gJ0AvY29tcG9uZW50L2NvbW1vbi9VcGxvYWRRaW5pdS52dWUnCgppbXBvcnQgUGljTGlicmFyeSBmcm9tICJAL2NvbXBvbmVudC9jb21tb24vUGljTGlicmFyeS52dWUiOwppbXBvcnQgeyBhcGlVcmwgfSBmcm9tICJAL2NvbmZpZy9zZXR0aW5ncyI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiRWRpdG9yU2xpZGVVcGxvYWQiLAogIGNvbXBvbmVudHM6IHsKICAgIC8vIFVwbG9hZFFpbml1LAogICAgUGljTGlicmFyeQogIH0sCiAgcHJvcHM6IHsKICAgIGNvbG9yOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogIiMxODkwZmYiCiAgICB9CiAgfSwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGltZ191cmw6IGFwaVVybC5RSU5JVV9VUkwsCiAgICAgIFFpbml1RGF0YTogewogICAgICAgIGtleTogIiIsCiAgICAgICAgLy8g5Zu+54mH5ZCN5a2X5aSE55CGCiAgICAgICAgdG9rZW46ICIiIC8vIOS4g+eJm+S6kXRva2VuCgogICAgICB9LAogICAgICBkb21haW46ICJodHRwczovL3VwbG9hZC16Mi5xaW5pdXAuY29tIiwKICAgICAgLy8g5LiD54mb5LqR55qE5LiK5Lyg5Zyw5Z2A77yI5Y2O5Y2X5Yy677yJCiAgICAgIGRpYWxvZ1Zpc2libGU6IGZhbHNlLAogICAgICBwaWNfbW9kZWxfc2hvdzogZmFsc2UsCiAgICAgIGltZ0FycjogW10sCiAgICAgIGltZ0xpc3Q6IFtdLAogICAgICBsaXN0T2JqOiB7fSwKICAgICAgZmlsZUxpc3Q6IFtdCiAgICB9OwogIH0sCgogIG1ldGhvZHM6IHsKICAgIG9wZW5JbWdVcCgpIHsKICAgICAgdGhpcy5pbWdBcnIgPSBbXTsKICAgICAgdGhpcy5pbWdMaXN0ID0gW107CiAgICAgIHRoaXMucGljX21vZGVsX3Nob3cgPSB0cnVlOyAvLyB0aGlzLmRpYWxvZ1Zpc2libGUgPSB0cnVlCiAgICB9LAoKICAgIHVwbG9hZFN1Y2Nlc3MoZmlsZUxpc3QpIHsKICAgICAgY29uc3QgaW1nQXJyID0gZmlsZUxpc3QubWFwKGl0ZW0gPT4gewogICAgICAgIHJldHVybiB7CiAgICAgICAgICBuYW1lOiBpdGVtLm5hbWUsCiAgICAgICAgICB1cmw6IGl0ZW0uY29udGVudAogICAgICAgIH07CiAgICAgIH0pOwogICAgICB0aGlzLmltZ0FyciA9IHRoaXMuaW1nQXJyLmNvbmNhdChpbWdBcnIpOyAvLyB0aGlzLmltZ0xpc3QgPSB0aGlzLmltZ0FycgoKICAgICAgdGhpcy4kZW1pdCgic3VjY2Vzc0NCSyIsIHRoaXMuaW1nQXJyKTsKICAgIH0sCgogICAgLy8gdXBsb2FkUmVtb3ZlIChmaWxlLCBmaWxlTGlzdCkgewogICAgLy8gICB0aGlzLmltZ0FyciA9IGZpbGVMaXN0Lm1hcChpdGVtID0+IHsKICAgIC8vICAgICByZXR1cm4gewogICAgLy8gICAgICAgbmFtZTogaXRlbS5uYW1lLAogICAgLy8gICAgICAgdXJsOiBpdGVtLmNvbnRlbnQKICAgIC8vICAgICB9CiAgICAvLyAgIH0pCiAgICAvLyAgIHRoaXMuaW1nTGlzdCA9IHRoaXMuaW1nQXJyCiAgICAvLyB9LAogICAgLy8gY29uZmlybUltZyAoKSB7CiAgICAvLyAgIHRoaXMuJGVtaXQoJ3N1Y2Nlc3NDQksnLCB0aGlzLmltZ0FycikKICAgIC8vICAgdGhpcy5kaWFsb2dWaXNpYmxlID0gZmFsc2UKICAgIC8vIH0sCiAgICBjaGVja0FsbFN1Y2Nlc3MoKSB7CiAgICAgIHJldHVybiBPYmplY3Qua2V5cyh0aGlzLmxpc3RPYmopLmV2ZXJ5KGl0ZW0gPT4gdGhpcy5saXN0T2JqW2l0ZW1dLmhhc1N1Y2Nlc3MpOwogICAgfSwKCiAgICBoYW5kbGVTdWJtaXQoKSB7CiAgICAgIGNvbnN0IGFyciA9IE9iamVjdC5rZXlzKHRoaXMubGlzdE9iaikubWFwKHYgPT4gdGhpcy5saXN0T2JqW3ZdKTsKCiAgICAgIGlmICghdGhpcy5jaGVja0FsbFN1Y2Nlc3MoKSkgewogICAgICAgIHRoaXMuJG1lc3NhZ2UoIuivt+etieW+heaJgOacieWbvueJh+S4iuS8oOaIkOWKn+OAguWmguaenOaciee9kee7nOmXrumimO+8jOivt+WIt+aWsOmhtemdouW5tumHjeaWsOS4iuS8oO+8gSIpOwogICAgICAgIHJldHVybjsKICAgICAgfQoKICAgICAgdGhpcy4kZW1pdCgic3VjY2Vzc0NCSyIsIGFycik7CiAgICAgIHRoaXMubGlzdE9iaiA9IHt9OwogICAgICB0aGlzLmZpbGVMaXN0ID0gW107CiAgICAgIHRoaXMuZGlhbG9nVmlzaWJsZSA9IGZhbHNlOwogICAgfSwKCiAgICBoYW5kbGVTdWNjZXNzKHJlc3BvbnNlLCBmaWxlKSB7CiAgICAgIGNvbnN0IHVpZCA9IGZpbGUudWlkOwogICAgICBjb25zdCBvYmpLZXlBcnIgPSBPYmplY3Qua2V5cyh0aGlzLmxpc3RPYmopOwoKICAgICAgZm9yIChsZXQgaSA9IDAsIGxlbiA9IG9iaktleUFyci5sZW5ndGg7IGkgPCBsZW47IGkrKykgewogICAgICAgIGlmICh0aGlzLmxpc3RPYmpbb2JqS2V5QXJyW2ldXS51aWQgPT09IHVpZCkgewogICAgICAgICAgdGhpcy5saXN0T2JqW29iaktleUFycltpXV0udXJsID0gYCR7dGhpcy5pbWdfdXJsfS8ke3Jlc3BvbnNlLmtleX1gOwogICAgICAgICAgdGhpcy5saXN0T2JqW29iaktleUFycltpXV0uaGFzU3VjY2VzcyA9IHRydWU7CiAgICAgICAgICByZXR1cm47CiAgICAgICAgfQogICAgICB9CiAgICB9LAoKICAgIGFzeW5jIGhhbmRsZVJlbW92ZShmaWxlKSB7CiAgICAgIGNvbnN0IGRhdGEgPSBhd2FpdCBVcGxvYWREZWwoewogICAgICAgIGJ1Y2tldDogdGhpcy5xaW5pdV9rZXksCiAgICAgICAga2V5OiBmaWxlLnJlc3BvbnNlLmtleQogICAgICB9KTsKICAgICAgLyogPT09PT09PT09PT09PT09PT09PT0gKi8KCiAgICAgIGNvbnN0IHVpZCA9IGZpbGUudWlkOwogICAgICBjb25zdCBvYmpLZXlBcnIgPSBPYmplY3Qua2V5cyh0aGlzLmxpc3RPYmopOwoKICAgICAgZm9yIChsZXQgaSA9IDAsIGxlbiA9IG9iaktleUFyci5sZW5ndGg7IGkgPCBsZW47IGkrKykgewogICAgICAgIGlmICh0aGlzLmxpc3RPYmpbb2JqS2V5QXJyW2ldXS51aWQgPT09IHVpZCkgewogICAgICAgICAgZGVsZXRlIHRoaXMubGlzdE9ialtvYmpLZXlBcnJbaV1dOwogICAgICAgICAgcmV0dXJuOwogICAgICAgIH0KICAgICAgfQogICAgfSwKCiAgICBhc3luYyBiZWZvcmVVcGxvYWQoZmlsZSkgewogICAgICB0aGlzLlFpbml1RGF0YS5rZXkgPSBgJHtnZXRFblRva2VuKCl9LyR7ZmlsZS5uYW1lfWA7CiAgICAgIGF3YWl0IHRoaXMuZ2V0UWluaXVUb2tlbih0aGlzLlFpbml1RGF0YS5rZXksIGZpbGUpOyAvLyByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4gewogICAgICAvLyAgIGNvbnN0IGltZyA9IG5ldyBJbWFnZSgpCiAgICAgIC8vICAgaW1nLnNyYyA9IF9VUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpCiAgICAgIC8vICAgaW1nLm9ubG9hZCA9IGZ1bmN0aW9uICgpIHsKICAgICAgLy8gICAgIF9zZWxmLmxpc3RPYmpbZmlsZU5hbWVdID0geyBoYXNTdWNjZXNzOiBmYWxzZSwgdWlkOiBmaWxlLnVpZCwgd2lkdGg6IHRoaXMud2lkdGgsIGhlaWdodDogdGhpcy5oZWlnaHQgfQogICAgICAvLyAgIH0KICAgICAgLy8gICByZXNvbHZlKHRydWUpCiAgICAgIC8vIH0pCiAgICB9LAoKICAgIC8vIOivt+axguWQjuWPsOaLv+S4g+eJm+S6kXRva2VuCiAgICBhc3luYyBnZXRRaW5pdVRva2VuKGtleSwgZmlsZSkgewogICAgICBjb25zdCBmaWxlTmFtZSA9IGZpbGUudWlkOwogICAgICB0aGlzLmxpc3RPYmpbZmlsZU5hbWVdID0ge307CiAgICAgIGNvbnN0IGRhdGEgPSBhd2FpdCB1cGxvYWRUb2tlbih7CiAgICAgICAgYnVja2V0OiB0aGlzLnFpbml1X2tleSwKICAgICAgICBrZXk6IGtleQogICAgICB9KTsKICAgICAgdGhpcy5RaW5pdURhdGEudG9rZW4gPSBkYXRhLmRhdGE7CiAgICAgIC8qID09PT09PT09PT09PT09PT09PT09ICovCgogICAgICBjb25zdCBfVVJMID0gd2luZG93LlVSTCB8fCB3aW5kb3cud2Via2l0VVJMOwoKICAgICAgY29uc3QgaW1nID0gbmV3IEltYWdlKCk7CiAgICAgIGltZy5zcmMgPSBfVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKTsKCiAgICAgIGltZy5vbmxvYWQgPSAoKSA9PiB7CiAgICAgICAgdGhpcy5saXN0T2JqW2ZpbGVOYW1lXSA9IHsKICAgICAgICAgIGhhc1N1Y2Nlc3M6IGZhbHNlLAogICAgICAgICAgdWlkOiBmaWxlLnVpZCwKICAgICAgICAgIHdpZHRoOiB0aGlzLndpZHRoLAogICAgICAgICAgaGVpZ2h0OiB0aGlzLmhlaWdodAogICAgICAgIH07CiAgICAgIH07CiAgICB9CgogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;AAuBA;AACA,sD,CACA;;AACA;AACA;AACA;EACAA,yBADA;EAEAC;IACA;IACAC;EAFA,CAFA;EAMAC;IACAC;MACAC,YADA;MAEAC;IAFA;EADA,CANA;;EAYAC;IACA;MACAC,yBADA;MAEAC;QACAC,OADA;QACA;QACAC,SAFA,CAEA;;MAFA,CAFA;MAMAC,sCANA;MAMA;MACAC,oBAPA;MAQAC,qBARA;MASAC,UATA;MAUAC,WAVA;MAWAC,WAXA;MAYAC;IAZA;EAcA,CA3BA;;EA4BAC;IACAC;MACA;MACA;MACA,2BAHA,CAIA;IACA,CANA;;IAOAC;MACA;QACA;UACArB,eADA;UAEAsB;QAFA;MAIA,CALA;MAMA,yCAPA,CAQA;;MACA;IACA,CAjBA;;IAkBA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAC;MACA,uCACAC,qCADA;IAGA,CAnCA;;IAoCAC;MACA;;MACA;QACA,cACA,iCADA;QAGA;MACA;;MACA;MACA;MACA;MACA;IACA,CAhDA;;IAiDAC;MACA;MACA;;MACA;QACA;UACA;UACA;UACA;QACA;MACA;IACA,CA3DA;;IA4DA;MACA;QACAC,sBADA;QAEAjB;MAFA;MAKA;;MACA;MACA;;MACA;QACA;UACA;UACA;QACA;MACA;IACA,CA3EA;;IA4EA;MACA;MACA,mDAFA,CAGA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA,CAvFA;;IAwFA;IACA;MACA;MACA;MACA;QACAiB,sBADA;QAEAjB;MAFA;MAKA;MACA;;MACA;;MACA;MACAkB;;MACAA;QACA;UACAC,iBADA;UAEAC,aAFA;UAGAC,iBAHA;UAIAC;QAJA;MAMA,CAPA;IAQA;;EA9GA;AA5BA","names":["name","components","PicLibrary","props","color","type","default","data","img_url","QiniuData","key","token","domain","dialogVisible","pic_model_show","imgArr","imgList","listObj","fileList","methods","openImgUp","uploadSuccess","url","checkAllSuccess","item","handleSubmit","handleSuccess","bucket","img","hasSuccess","uid","width","height"],"sourceRoot":"src/component/Tinymce/components","sources":["EditorImage.vue"],"sourcesContent":["<template>\n <div class=\"upload-container\">\n <el-button\n icon=\"el-icon-upload\"\n size=\"mini\"\n type=\"primary\"\n @click=\"openImgUp\"\n >\n 图片上传\n </el-button>\n <PicLibrary\n v-if=\"pic_model_show\"\n :img-height=\"-1\"\n :limit=\"100\"\n :is-check=\"true\"\n :is-show=\"pic_model_show\"\n @cancel=\"pic_model_show = false\"\n @confirm=\"uploadSuccess\"\n />\n </div>\n</template>\n\n<script>\n import { getEnToken } from \"@/utils/accessToken\";\n import { UploadDel, uploadToken } from \"@/api/common\";\n // import UploadQiniu from '@/component/common/UploadQiniu.vue'\n import PicLibrary from \"@/component/common/PicLibrary.vue\";\n import { apiUrl } from \"@/config/settings\";\n export default {\n name: \"EditorSlideUpload\",\n components: {\n // UploadQiniu,\n PicLibrary,\n },\n props: {\n color: {\n type: String,\n default: \"#1890ff\",\n },\n },\n data() {\n return {\n img_url: apiUrl.QINIU_URL,\n QiniuData: {\n key: \"\", // 图片名字处理\n token: \"\", // 七牛云token\n },\n domain: \"https://upload-z2.qiniup.com\", // 七牛云的上传地址（华南区）\n dialogVisible: false,\n pic_model_show: false,\n imgArr: [],\n imgList: [],\n listObj: {},\n fileList: [],\n };\n },\n methods: {\n openImgUp() {\n this.imgArr = [];\n this.imgList = [];\n this.pic_model_show = true;\n // this.dialogVisible = true\n },\n uploadSuccess(fileList) {\n const imgArr = fileList.map((item) => {\n return {\n name: item.name,\n url: item.content,\n };\n });\n this.imgArr = this.imgArr.concat(imgArr);\n // this.imgList = this.imgArr\n this.$emit(\"successCBK\", this.imgArr);\n },\n // uploadRemove (file, fileList) {\n // this.imgArr = fileList.map(item => {\n // return {\n // name: item.name,\n // url: item.content\n // }\n // })\n // this.imgList = this.imgArr\n // },\n // confirmImg () {\n // this.$emit('successCBK', this.imgArr)\n // this.dialogVisible = false\n // },\n checkAllSuccess() {\n return Object.keys(this.listObj).every(\n (item) => this.listObj[item].hasSuccess\n );\n },\n handleSubmit() {\n const arr = Object.keys(this.listObj).map((v) => this.listObj[v]);\n if (!this.checkAllSuccess()) {\n this.$message(\n \"请等待所有图片上传成功。如果有网络问题，请刷新页面并重新上传！\"\n );\n return;\n }\n this.$emit(\"successCBK\", arr);\n this.listObj = {};\n this.fileList = [];\n this.dialogVisible = false;\n },\n handleSuccess(response, file) {\n const uid = file.uid;\n const objKeyArr = Object.keys(this.listObj);\n for (let i = 0, len = objKeyArr.length; i < len; i++) {\n if (this.listObj[objKeyArr[i]].uid === uid) {\n this.listObj[objKeyArr[i]].url = `${this.img_url}/${response.key}`;\n this.listObj[objKeyArr[i]].hasSuccess = true;\n return;\n }\n }\n },\n async handleRemove(file) {\n const data = await UploadDel({\n bucket: this.qiniu_key,\n key: file.response.key,\n });\n\n /* ==================== */\n const uid = file.uid;\n const objKeyArr = Object.keys(this.listObj);\n for (let i = 0, len = objKeyArr.length; i < len; i++) {\n if (this.listObj[objKeyArr[i]].uid === uid) {\n delete this.listObj[objKeyArr[i]];\n return;\n }\n }\n },\n async beforeUpload(file) {\n this.QiniuData.key = `${getEnToken()}/${file.name}`;\n await this.getQiniuToken(this.QiniuData.key, file);\n // return new Promise((resolve, reject) => {\n // const img = new Image()\n // img.src = _URL.createObjectURL(file)\n // img.onload = function () {\n // _self.listObj[fileName] = { hasSuccess: false, uid: file.uid, width: this.width, height: this.height }\n // }\n // resolve(true)\n // })\n },\n // 请求后台拿七牛云token\n async getQiniuToken(key, file) {\n const fileName = file.uid;\n this.listObj[fileName] = {};\n const data = await uploadToken({\n bucket: this.qiniu_key,\n key: key,\n });\n\n this.QiniuData.token = data.data;\n /* ==================== */\n const _URL = window.URL || window.webkitURL;\n const img = new Image();\n img.src = _URL.createObjectURL(file);\n img.onload = () => {\n this.listObj[fileName] = {\n hasSuccess: false,\n uid: file.uid,\n width: this.width,\n height: this.height,\n };\n };\n },\n },\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .editor-slide-upload {\n margin-bottom: 20px;\n .el-upload--picture-card {\n width: 100%;\n }\n }\n</style>\n"]}]}
|
