1 line
7.8 KiB
JSON
1 line
7.8 KiB
JSON
{"remainingRequest":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js!/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin/src/components/Upload/SingleImage3.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin/src/components/Upload/SingleImage3.vue","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin/babel.config.js","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/babel-loader/lib/index.js","mtime":1754408228132},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin/node_modules/vue-loader/lib/index.js","mtime":1754408228175}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCgppbXBvcnQgeyBnZXRUb2tlbiB9IGZyb20gJ0AvYXBpL3Fpbml1JzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdTaW5nbGVJbWFnZVVwbG9hZDMnLAogIHByb3BzOiB7CiAgICB2YWx1ZTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICcnCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdGVtcFVybDogJycsCiAgICAgIGRhdGFPYmo6IHsKICAgICAgICB0b2tlbjogJycsCiAgICAgICAga2V5OiAnJwogICAgICB9CiAgICB9OwogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIGltYWdlVXJsOiBmdW5jdGlvbiBpbWFnZVVybCgpIHsKICAgICAgcmV0dXJuIHRoaXMudmFsdWU7CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBybUltYWdlOiBmdW5jdGlvbiBybUltYWdlKCkgewogICAgICB0aGlzLmVtaXRJbnB1dCgnJyk7CiAgICB9LAogICAgZW1pdElucHV0OiBmdW5jdGlvbiBlbWl0SW5wdXQodmFsKSB7CiAgICAgIHRoaXMuJGVtaXQoJ2lucHV0JywgdmFsKTsKICAgIH0sCiAgICBoYW5kbGVJbWFnZVN1Y2Nlc3M6IGZ1bmN0aW9uIGhhbmRsZUltYWdlU3VjY2VzcyhmaWxlKSB7CiAgICAgIHRoaXMuZW1pdElucHV0KGZpbGUuZmlsZXMuZmlsZSk7CiAgICB9LAogICAgYmVmb3JlVXBsb2FkOiBmdW5jdGlvbiBiZWZvcmVVcGxvYWQoKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIHZhciBfc2VsZiA9IHRoaXM7CiAgICAgIHJldHVybiBuZXcgUHJvbWlzZShmdW5jdGlvbiAocmVzb2x2ZSwgcmVqZWN0KSB7CiAgICAgICAgZ2V0VG9rZW4oKS50aGVuKGZ1bmN0aW9uIChyZXNwb25zZSkgewogICAgICAgICAgdmFyIGtleSA9IHJlc3BvbnNlLmRhdGEucWluaXVfa2V5OwogICAgICAgICAgdmFyIHRva2VuID0gcmVzcG9uc2UuZGF0YS5xaW5pdV90b2tlbjsKICAgICAgICAgIF9zZWxmLl9kYXRhLmRhdGFPYmoudG9rZW4gPSB0b2tlbjsKICAgICAgICAgIF9zZWxmLl9kYXRhLmRhdGFPYmoua2V5ID0ga2V5OwogICAgICAgICAgX3RoaXMudGVtcFVybCA9IHJlc3BvbnNlLmRhdGEucWluaXVfdXJsOwogICAgICAgICAgcmVzb2x2ZSh0cnVlKTsKICAgICAgICB9KS5jYXRjaChmdW5jdGlvbiAoZXJyKSB7CiAgICAgICAgICBjb25zb2xlLmxvZyhlcnIpOwogICAgICAgICAgcmVqZWN0KGZhbHNlKTsKICAgICAgICB9KTsKICAgICAgfSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["getToken","name","props","value","type","String","default","data","tempUrl","dataObj","token","key","computed","imageUrl","methods","rmImage","emitInput","val","$emit","handleImageSuccess","file","files","beforeUpload","_this","_self","Promise","resolve","reject","then","response","qiniu_key","qiniu_token","_data","qiniu_url","catch","err","console","log"],"sources":["src/components/Upload/SingleImage3.vue"],"sourcesContent":["<template>\n <div class=\"upload-container\">\n <el-upload\n :data=\"dataObj\"\n :multiple=\"false\"\n :show-file-list=\"false\"\n :on-success=\"handleImageSuccess\"\n class=\"image-uploader\"\n drag\n action=\"https://httpbin.org/post\"\n >\n <i class=\"el-icon-upload\" />\n <div class=\"el-upload__text\">\n 将文件拖到此处，或<em>点击上传</em>\n </div>\n </el-upload>\n <div class=\"image-preview image-app-preview\">\n <div v-show=\"imageUrl.length>1\" class=\"image-preview-wrapper\">\n <img :src=\"imageUrl\">\n <div class=\"image-preview-action\">\n <i class=\"el-icon-delete\" @click=\"rmImage\" />\n </div>\n </div>\n </div>\n <div class=\"image-preview\">\n <div v-show=\"imageUrl.length>1\" class=\"image-preview-wrapper\">\n <img :src=\"imageUrl\">\n <div class=\"image-preview-action\">\n <i class=\"el-icon-delete\" @click=\"rmImage\" />\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport { getToken } from '@/api/qiniu'\n\nexport default {\n name: 'SingleImageUpload3',\n props: {\n value: {\n type: String,\n default: ''\n }\n },\n data() {\n return {\n tempUrl: '',\n dataObj: { token: '', key: '' }\n }\n },\n computed: {\n imageUrl() {\n return this.value\n }\n },\n methods: {\n rmImage() {\n this.emitInput('')\n },\n emitInput(val) {\n this.$emit('input', val)\n },\n handleImageSuccess(file) {\n this.emitInput(file.files.file)\n },\n beforeUpload() {\n const _self = this\n return new Promise((resolve, reject) => {\n getToken().then(response => {\n const key = response.data.qiniu_key\n const token = response.data.qiniu_token\n _self._data.dataObj.token = token\n _self._data.dataObj.key = key\n this.tempUrl = response.data.qiniu_url\n resolve(true)\n }).catch(err => {\n console.log(err)\n reject(false)\n })\n })\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"~@/styles/mixin.scss\";\n.upload-container {\n width: 100%;\n position: relative;\n @include clearfix;\n .image-uploader {\n width: 35%;\n float: left;\n }\n .image-preview {\n width: 200px;\n height: 200px;\n position: relative;\n border: 1px dashed #d9d9d9;\n float: left;\n margin-left: 50px;\n .image-preview-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n img {\n width: 100%;\n height: 100%;\n }\n }\n .image-preview-action {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n cursor: default;\n text-align: center;\n color: #fff;\n opacity: 0;\n font-size: 20px;\n background-color: rgba(0, 0, 0, .5);\n transition: opacity .3s;\n cursor: pointer;\n text-align: center;\n line-height: 200px;\n .el-icon-delete {\n font-size: 36px;\n }\n }\n &:hover {\n .image-preview-action {\n opacity: 1;\n }\n }\n }\n .image-app-preview {\n width: 320px;\n height: 180px;\n position: relative;\n border: 1px dashed #d9d9d9;\n float: left;\n margin-left: 50px;\n .app-fake-conver {\n height: 44px;\n position: absolute;\n width: 100%; // background: rgba(0, 0, 0, .1);\n text-align: center;\n line-height: 64px;\n color: #fff;\n }\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAAA,QAAA;AAEA;EACAC,IAAA;EACAC,KAAA;IACAC,KAAA;MACAC,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;EACA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,OAAA;MACAC,OAAA;QAAAC,KAAA;QAAAC,GAAA;MAAA;IACA;EACA;EACAC,QAAA;IACAC,QAAA,WAAAA,SAAA;MACA,YAAAV,KAAA;IACA;EACA;EACAW,OAAA;IACAC,OAAA,WAAAA,QAAA;MACA,KAAAC,SAAA;IACA;IACAA,SAAA,WAAAA,UAAAC,GAAA;MACA,KAAAC,KAAA,UAAAD,GAAA;IACA;IACAE,kBAAA,WAAAA,mBAAAC,IAAA;MACA,KAAAJ,SAAA,CAAAI,IAAA,CAAAC,KAAA,CAAAD,IAAA;IACA;IACAE,YAAA,WAAAA,aAAA;MAAA,IAAAC,KAAA;MACA,IAAAC,KAAA;MACA,WAAAC,OAAA,WAAAC,OAAA,EAAAC,MAAA;QACA3B,QAAA,GAAA4B,IAAA,WAAAC,QAAA;UACA,IAAAlB,GAAA,GAAAkB,QAAA,CAAAtB,IAAA,CAAAuB,SAAA;UACA,IAAApB,KAAA,GAAAmB,QAAA,CAAAtB,IAAA,CAAAwB,WAAA;UACAP,KAAA,CAAAQ,KAAA,CAAAvB,OAAA,CAAAC,KAAA,GAAAA,KAAA;UACAc,KAAA,CAAAQ,KAAA,CAAAvB,OAAA,CAAAE,GAAA,GAAAA,GAAA;UACAY,KAAA,CAAAf,OAAA,GAAAqB,QAAA,CAAAtB,IAAA,CAAA0B,SAAA;UACAP,OAAA;QACA,GAAAQ,KAAA,WAAAC,GAAA;UACAC,OAAA,CAAAC,GAAA,CAAAF,GAAA;UACAR,MAAA;QACA;MACA;IACA;EACA;AACA","ignoreList":[]}]} |