{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js!D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\Upload\\SingleImage3.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\Upload\\SingleImage3.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\babel.config.js","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCmltcG9ydCB7IGdldFRva2VuIH0gZnJvbSAnQC9hcGkvcWluaXUnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ1NpbmdsZUltYWdlVXBsb2FkMycsCiAgcHJvcHM6IHsKICAgIHZhbHVlOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJycKICAgIH0KICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB0ZW1wVXJsOiAnJywKICAgICAgZGF0YU9iajogewogICAgICAgIHRva2VuOiAnJywKICAgICAgICBrZXk6ICcnCiAgICAgIH0KICAgIH07CiAgfSwKICBjb21wdXRlZDogewogICAgaW1hZ2VVcmw6IGZ1bmN0aW9uIGltYWdlVXJsKCkgewogICAgICByZXR1cm4gdGhpcy52YWx1ZTsKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIHJtSW1hZ2U6IGZ1bmN0aW9uIHJtSW1hZ2UoKSB7CiAgICAgIHRoaXMuZW1pdElucHV0KCcnKTsKICAgIH0sCiAgICBlbWl0SW5wdXQ6IGZ1bmN0aW9uIGVtaXRJbnB1dCh2YWwpIHsKICAgICAgdGhpcy4kZW1pdCgnaW5wdXQnLCB2YWwpOwogICAgfSwKICAgIGhhbmRsZUltYWdlU3VjY2VzczogZnVuY3Rpb24gaGFuZGxlSW1hZ2VTdWNjZXNzKGZpbGUpIHsKICAgICAgdGhpcy5lbWl0SW5wdXQoZmlsZS5maWxlcy5maWxlKTsKICAgIH0sCiAgICBiZWZvcmVVcGxvYWQ6IGZ1bmN0aW9uIGJlZm9yZVVwbG9hZCgpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIHZhciBfc2VsZiA9IHRoaXM7CgogICAgICByZXR1cm4gbmV3IFByb21pc2UoZnVuY3Rpb24gKHJlc29sdmUsIHJlamVjdCkgewogICAgICAgIGdldFRva2VuKCkudGhlbihmdW5jdGlvbiAocmVzcG9uc2UpIHsKICAgICAgICAgIHZhciBrZXkgPSByZXNwb25zZS5kYXRhLnFpbml1X2tleTsKICAgICAgICAgIHZhciB0b2tlbiA9IHJlc3BvbnNlLmRhdGEucWluaXVfdG9rZW47CiAgICAgICAgICBfc2VsZi5fZGF0YS5kYXRhT2JqLnRva2VuID0gdG9rZW47CiAgICAgICAgICBfc2VsZi5fZGF0YS5kYXRhT2JqLmtleSA9IGtleTsKICAgICAgICAgIF90aGlzLnRlbXBVcmwgPSByZXNwb25zZS5kYXRhLnFpbml1X3VybDsKICAgICAgICAgIHJlc29sdmUodHJ1ZSk7CiAgICAgICAgfSkuY2F0Y2goZnVuY3Rpb24gKGVycikgewogICAgICAgICAgY29uc29sZS5sb2coZXJyKTsKICAgICAgICAgIHJlamVjdChmYWxzZSk7CiAgICAgICAgfSk7CiAgICAgIH0pOwogICAgfQogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA;AAEA;EACAA,0BADA;EAEAC;IACAC;MACAC,YADA;MAEAC;IAFA;EADA,CAFA;EAQAC,IARA,kBAQA;IACA;MACAC,WADA;MAEAC;QAAAC;QAAAC;MAAA;IAFA;EAIA,CAbA;EAcAC;IACAC,QADA,sBACA;MACA;IACA;EAHA,CAdA;EAmBAC;IACAC,OADA,qBACA;MACA;IACA,CAHA;IAIAC,SAJA,qBAIAC,GAJA,EAIA;MACA;IACA,CANA;IAOAC,kBAPA,8BAOAC,IAPA,EAOA;MACA;IACA,CATA;IAUAC,YAVA,0BAUA;MAAA;;MACA;;MACA;QACAC;UACA;UACA;UACAC;UACAA;UACA;UACAC;QACA,CAPA,EAOAC,KAPA,CAOA;UACAC;UACAC;QACA,CAVA;MAWA,CAZA;IAaA;EAzBA;AAnBA","names":["name","props","value","type","default","data","tempUrl","dataObj","token","key","computed","imageUrl","methods","rmImage","emitInput","val","handleImageSuccess","file","beforeUpload","getToken","_self","resolve","catch","console","reject"],"sourceRoot":"src/components/Upload","sources":["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"]}]}
|
