| 1 |
- {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\uploadVideo2\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\uploadVideo2\\index.vue","mtime":1677828270172},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCmltcG9ydCB7IHVwbG9hZEJ5UGllY2VzIH0gZnJvbSAnQC91dGlscy91cGxvYWQnOyAvL+W8leWFpXVwbG9hZEJ5UGllY2Vz5pa55rOVCgppbXBvcnQgeyBwcm9kdWN0R2V0VGVtcEtleXNBcGksIHVwbG9hZFR5cGUgYXMgX3VwbG9hZFR5cGUgfSBmcm9tICdAL2FwaS9wcm9kdWN0JzsKaW1wb3J0IFNldHRpbmcgZnJvbSAnQC9zZXR0aW5nJzsKaW1wb3J0IHsgZ2V0Q29va2llcyB9IGZyb20gJ0AvbGlicy91dGlsJzsgLy8gaW1wb3J0ICIuLi8uLi8uLi9wdWJsaWMvVUVkaXRvci9kaWFsb2dzL2ludGVybmFsIjsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAndmlkZTExbycsCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGZpbGVVcmw6IFNldHRpbmcuYXBpQmFzZVVSTCArICcvZmlsZS91cGxvYWQnLAogICAgICB1cGxvYWQ6IHsKICAgICAgICB2aWRlb0luZzogZmFsc2UgLy8g5piv5ZCm5pi+56S66L+b5bqm5p2h77ybCgogICAgICB9LAogICAgICBwcm9ncmVzczogMCwKICAgICAgLy8g6L+b5bqm5p2h6buY6K6kMAogICAgICB2aWRlb0xpbms6ICcnLAogICAgICBmb3JtVmFsaWRhdGU6IHsKICAgICAgICB2aWRlb19saW5rOiAnJwogICAgICB9LAogICAgICB1cGxvYWRfdHlwZTogJycsCiAgICAgIHVwbG9hZERhdGE6IHt9LAogICAgICBoZWFkZXI6IHt9CiAgICB9OwogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHsKICAgIHRoaXMudXBsb2FkVHlwZSgpOwogICAgdGhpcy5nZXRUb2tlbigpOwogIH0sCiAgbWV0aG9kczogewogICAgdmlkZW9TYXZlVG9Vcmw6IGZ1bmN0aW9uIHZpZGVvU2F2ZVRvVXJsKGZpbGUpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIHVwbG9hZEJ5UGllY2VzKHsKICAgICAgICBmaWxlOiBmaWxlLAogICAgICAgIC8vIOinhumikeWunuS9kwogICAgICAgIHBpZWNlU2l6ZTogMywKICAgICAgICAvLyDliIbniYflpKflsI8KICAgICAgICBzdWNjZXNzOiBmdW5jdGlvbiBzdWNjZXNzKGRhdGEpIHsKICAgICAgICAgIF90aGlzLmZvcm1WYWxpZGF0ZS52aWRlb19saW5rID0gZGF0YS5maWxlX3BhdGg7CiAgICAgICAgICBfdGhpcy5wcm9ncmVzcyA9IDEwMDsKICAgICAgICB9LAogICAgICAgIGVycm9yOiBmdW5jdGlvbiBlcnJvcihlKSB7CiAgICAgICAgICBfdGhpcy4kTWVzc2FnZS5lcnJvcihlLm1zZyk7CiAgICAgICAgfSwKICAgICAgICB1cGxvYWRpbmc6IGZ1bmN0aW9uIHVwbG9hZGluZyhjaHVuaywgYWxsQ2h1bmspIHsKICAgICAgICAgIF90aGlzLnZpZGVvSW5nID0gdHJ1ZTsKICAgICAgICAgIHZhciBzdCA9IE1hdGguZmxvb3IoY2h1bmsgLyBhbGxDaHVuayAqIDEwMCk7CiAgICAgICAgICBfdGhpcy5wcm9ncmVzcyA9IHN0OwogICAgICAgIH0KICAgICAgfSk7CiAgICAgIHJldHVybiBmYWxzZTsKICAgIH0sCiAgICAvLyDliKDpmaTop4bpopHvvJsKICAgIGRlbFZpZGVvOiBmdW5jdGlvbiBkZWxWaWRlbygpIHsKICAgICAgdmFyIHRoYXQgPSB0aGlzOwogICAgICB0aGF0LiRzZXQodGhhdC5mb3JtVmFsaWRhdGUsICd2aWRlb19saW5rJywgJycpOwogICAgfSwKICAgIC8v6I635Y+W6KeG6aKR5LiK5Lyg57G75Z6LCiAgICB1cGxvYWRUeXBlOiBmdW5jdGlvbiB1cGxvYWRUeXBlKCkgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKCiAgICAgIF91cGxvYWRUeXBlKCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMyLnVwbG9hZF90eXBlID0gcmVzLmRhdGEudXBsb2FkX3R5cGU7CiAgICAgIH0pOwogICAgfSwKICAgIC8vIOS4iuS8oOaIkOWKnwogICAgaGFuZGxlU3VjY2VzczogZnVuY3Rpb24gaGFuZGxlU3VjY2VzcyhyZXMsIGZpbGUsIGZpbGVMaXN0KSB7CiAgICAgIGlmIChyZXMuc3RhdHVzID09PSAyMDApIHsKICAgICAgICB0aGlzLmZvcm1WYWxpZGF0ZS52aWRlb19saW5rID0gcmVzLmRhdGEuc3JjOwogICAgICAgIHRoaXMuJE1lc3NhZ2Uuc3VjY2VzcyhyZXMubXNnKTsKICAgICAgfSBlbHNlIHsKICAgICAgICB0aGlzLiRNZXNzYWdlLmVycm9yKHJlcy5tc2cpOwogICAgICB9CiAgICB9LAogICAgZ2V0VG9rZW46IGZ1bmN0aW9uIGdldFRva2VuKCkgewogICAgICB0aGlzLmhlYWRlclsnQXV0aG9yaS16YXRpb24nXSA9ICdCZWFyZXIgJyArIGdldENvb2tpZXMoJ3Rva2VuJyk7CiAgICB9LAogICAgYmVmb3JlVXBsb2FkOiBmdW5jdGlvbiBiZWZvcmVVcGxvYWQoKSB7CiAgICAgIHZhciBfdGhpczMgPSB0aGlzOwoKICAgICAgdGhpcy51cGxvYWREYXRhID0ge307CiAgICAgIHZhciBwcm9taXNlID0gbmV3IFByb21pc2UoZnVuY3Rpb24gKHJlc29sdmUpIHsKICAgICAgICBfdGhpczMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgICAgIHJlc29sdmUodHJ1ZSk7CiAgICAgICAgfSk7CiAgICAgIH0pOwogICAgICByZXR1cm4gcHJvbWlzZTsKICAgIH0sCiAgICB6aF91cGxvYWRGaWxlOiBmdW5jdGlvbiB6aF91cGxvYWRGaWxlKCkgewogICAgICBpZiAodGhpcy52aWRlb0xpbmspIHsKICAgICAgICB0aGlzLmZvcm1WYWxpZGF0ZS52aWRlb19saW5rID0gdGhpcy52aWRlb0xpbms7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy4kcmVmcy5yZWZpZC5jbGljaygpOwogICAgICB9CiAgICB9LAogICAgemhfdXBsb2FkRmlsZV9jaGFuZ2U6IGZ1bmN0aW9uIHpoX3VwbG9hZEZpbGVfY2hhbmdlKGV2ZmlsZSkgewogICAgICB2YXIgdGhhdCA9IHRoaXM7CgogICAgICBpZiAoZXZmaWxlLnRhcmdldC5maWxlc1swXS50eXBlICE9PSAndmlkZW8vbXA0JykgewogICAgICAgIHJldHVybiB0aGF0LiRNZXNzYWdlLmVycm9yKCflj6rog73kuIrkvKBtcDTmlofku7YnKTsKICAgICAgfQoKICAgICAgcHJvZHVjdEdldFRlbXBLZXlzQXBpKCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgdGhhdC4kdmlkZW9DbG91ZC52aWRlb1VwbG9hZCh7CiAgICAgICAgICB0eXBlOiByZXMuZGF0YS50eXBlLAogICAgICAgICAgZXZmaWxlOiBldmZpbGUsCiAgICAgICAgICByZXM6IHJlcywKICAgICAgICAgIHVwbG9hZGluZzogZnVuY3Rpb24gdXBsb2FkaW5nKHN0YXR1cywgcHJvZ3Jlc3MpIHsKICAgICAgICAgICAgdGhhdC51cGxvYWQudmlkZW9JbmcgPSBzdGF0dXM7CiAgICAgICAgICB9CiAgICAgICAgfSkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgICB0aGF0LmZvcm1WYWxpZGF0ZS52aWRlb19saW5rID0gcmVzLnVybDsKICAgICAgICAgIHRoYXQuJE1lc3NhZ2Uuc3VjY2Vzcygn6KeG6aKR5LiK5Lyg5oiQ5YqfJyk7CiAgICAgICAgfSkuY2F0Y2goZnVuY3Rpb24gKHJlcykgewogICAgICAgICAgdGhhdC4kTWVzc2FnZS5lcnJvcihyZXMpOwogICAgICAgIH0pOwogICAgICB9KTsKICAgIH0sCiAgICB1cGxvYWRzOiBmdW5jdGlvbiB1cGxvYWRzKCkgewogICAgICB0aGlzLiRlbWl0KCdnZXRWaWRlbycsIHRoaXMuZm9ybVZhbGlkYXRlLnZpZGVvX2xpbmspOwogICAgfQogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,gD,CAAA;;AACA;AACA;AACA,yC,CACA;;AACA;EACAA,eADA;EAEAC,IAFA,kBAEA;IACA;MACAC,4CADA;MAEAC;QACAC,eADA,CACA;;MADA,CAFA;MAKAC,WALA;MAKA;MACAC,aANA;MAOAC;QACAC;MADA,CAPA;MAUAC,eAVA;MAWAC,cAXA;MAYAC;IAZA;EAcA,CAjBA;EAkBAC,OAlBA,qBAkBA;IACA;IACA;EACA,CArBA;EAsBAC;IACAC,cADA,0BACAC,IADA,EACA;MAAA;;MACAC;QACAD,UADA;QACA;QACAE,YAFA;QAEA;QACAC;UACA;UACA;QACA,CANA;QAOAC;UACA;QACA,CATA;QAUAC;UACA;UACA;UACA;QACA;MAdA;MAgBA;IACA,CAnBA;IAoBA;IACAC,QArBA,sBAqBA;MACA;MACAC;IACA,CAxBA;IAyBA;IACAC,UA1BA,wBA0BA;MAAA;;MACAA;QACA;MACA,CAFA;IAGA,CA9BA;IA+BA;IACAC,aAhCA,yBAgCAC,GAhCA,EAgCAV,IAhCA,EAgCAW,QAhCA,EAgCA;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;MACA;IACA,CAvCA;IAwCAC,QAxCA,sBAwCA;MACA;IACA,CA1CA;IA2CAC,YA3CA,0BA2CA;MAAA;;MACA;MACA;QACA;UACAC;QACA,CAFA;MAGA,CAJA;MAKA;IACA,CAnDA;IAoDAC,aApDA,2BAoDA;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA;IACA,CA1DA;IA2DAC,oBA3DA,gCA2DAC,MA3DA,EA2DA;MACA;;MACA;QACA;MACA;;MACAC;QACAX,iBACAY,WADA,CACA;UACAC,mBADA;UAEAH,cAFA;UAGAP,QAHA;UAIAL,SAJA,qBAIAgB,MAJA,EAIA/B,QAJA,EAIA;YACAiB;UACA;QANA,CADA,EASAe,IATA,CASA;UACAf;UACAA;QACA,CAZA,EAaAgB,KAbA,CAaA;UACAhB;QACA,CAfA;MAgBA,CAjBA;IAkBA,CAlFA;IAmFAiB,OAnFA,qBAmFA;MACA;IACA;EArFA;AAtBA","names":["name","data","fileUrl","upload","videoIng","progress","videoLink","formValidate","video_link","upload_type","uploadData","header","created","methods","videoSaveToUrl","file","uploadByPieces","pieceSize","success","error","uploading","delVideo","that","uploadType","handleSuccess","res","fileList","getToken","beforeUpload","resolve","zh_uploadFile","zh_uploadFile_change","evfile","productGetTempKeysApi","videoUpload","type","status","then","catch","uploads"],"sourceRoot":"src/components/uploadVideo2","sources":["index.vue"],"sourcesContent":["<template>\r\n <div>\r\n <div class=\"mt20 ml20\">\r\n <Input class=\"perW35\" v-model=\"videoLink\" placeholder=\"请输入视频链接\" />\r\n <input type=\"file\" ref=\"refid\" style=\"display: none\" @change=\"zh_uploadFile_change\" />\r\n <Button\r\n v-if=\"upload_type !== '1' || videoLink\"\r\n type=\"primary\"\r\n icon=\"ios-cloud-upload-outline\"\r\n class=\"ml10\"\r\n @click=\"zh_uploadFile\"\r\n >{{ videoLink ? '确认添加' : '上传视频' }}</Button\r\n >\r\n <Upload\r\n v-if=\"upload_type === '1' && !videoLink\"\r\n :show-upload-list=\"false\"\r\n :action=\"fileUrl\"\r\n class=\"ml10\"\r\n :before-upload=\"videoSaveToUrl\"\r\n :data=\"uploadData\"\r\n :headers=\"header\"\r\n :multiple=\"true\"\r\n style=\"display: inline-block\"\r\n >\r\n <Button type=\"primary\" icon=\"ios-cloud-upload-outline\">上传视频</Button>\r\n </Upload>\r\n <Progress :percent=\"progress\" :stroke-width=\"5\" v-if=\"upload.videoIng\" />\r\n <div class=\"iview-video-style\" v-if=\"formValidate.video_link\">\r\n <video\r\n style=\"width: 100%; height: 100% !important; border-radius: 10px\"\r\n :src=\"formValidate.video_link\"\r\n controls=\"controls\"\r\n >\r\n 您的浏览器不支持 video 标签。\r\n </video>\r\n <div class=\"mark\"></div>\r\n <Icon type=\"ios-trash-outline\" class=\"iconv\" @click=\"delVideo\" />\r\n </div>\r\n </div>\r\n <div class=\"mt50 ml20\">\r\n <Button type=\"primary\" @click=\"uploads\">确认</Button>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { uploadByPieces } from '@/utils/upload'; //引入uploadByPieces方法\r\nimport { productGetTempKeysApi, uploadType } from '@/api/product';\r\nimport Setting from '@/setting';\r\nimport { getCookies } from '@/libs/util';\r\n// import \"../../../public/UEditor/dialogs/internal\";\r\nexport default {\r\n name: 'vide11o',\r\n data() {\r\n return {\r\n fileUrl: Setting.apiBaseURL + '/file/upload',\r\n upload: {\r\n videoIng: false, // 是否显示进度条；\r\n },\r\n progress: 0, // 进度条默认0\r\n videoLink: '',\r\n formValidate: {\r\n video_link: '',\r\n },\r\n upload_type: '',\r\n uploadData: {},\r\n header: {},\r\n };\r\n },\r\n created() {\r\n this.uploadType();\r\n this.getToken();\r\n },\r\n methods: {\r\n videoSaveToUrl(file) {\r\n uploadByPieces({\r\n file: file, // 视频实体\r\n pieceSize: 3, // 分片大小\r\n success: (data) => {\r\n this.formValidate.video_link = data.file_path;\r\n this.progress = 100;\r\n },\r\n error: (e) => {\r\n this.$Message.error(e.msg);\r\n },\r\n uploading: (chunk, allChunk) => {\r\n this.videoIng = true;\r\n let st = Math.floor((chunk / allChunk) * 100);\r\n this.progress = st;\r\n },\r\n });\r\n return false;\r\n },\r\n // 删除视频；\r\n delVideo() {\r\n let that = this;\r\n that.$set(that.formValidate, 'video_link', '');\r\n },\r\n //获取视频上传类型\r\n uploadType() {\r\n uploadType().then((res) => {\r\n this.upload_type = res.data.upload_type;\r\n });\r\n },\r\n // 上传成功\r\n handleSuccess(res, file, fileList) {\r\n if (res.status === 200) {\r\n this.formValidate.video_link = res.data.src;\r\n this.$Message.success(res.msg);\r\n } else {\r\n this.$Message.error(res.msg);\r\n }\r\n },\r\n getToken() {\r\n this.header['Authori-zation'] = 'Bearer ' + getCookies('token');\r\n },\r\n beforeUpload() {\r\n this.uploadData = {};\r\n let promise = new Promise((resolve) => {\r\n this.$nextTick(function () {\r\n resolve(true);\r\n });\r\n });\r\n return promise;\r\n },\r\n zh_uploadFile() {\r\n if (this.videoLink) {\r\n this.formValidate.video_link = this.videoLink;\r\n } else {\r\n this.$refs.refid.click();\r\n }\r\n },\r\n zh_uploadFile_change(evfile) {\r\n let that = this;\r\n if (evfile.target.files[0].type !== 'video/mp4') {\r\n return that.$Message.error('只能上传mp4文件');\r\n }\r\n productGetTempKeysApi().then((res) => {\r\n that.$videoCloud\r\n .videoUpload({\r\n type: res.data.type,\r\n evfile: evfile,\r\n res: res,\r\n uploading(status, progress) {\r\n that.upload.videoIng = status;\r\n },\r\n })\r\n .then((res) => {\r\n that.formValidate.video_link = res.url;\r\n that.$Message.success('视频上传成功');\r\n })\r\n .catch((res) => {\r\n that.$Message.error(res);\r\n });\r\n });\r\n },\r\n uploads() {\r\n this.$emit('getVideo', this.formValidate.video_link);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.iview-video-style {\r\n width: 40%;\r\n height: 180px;\r\n border-radius: 10px;\r\n background-color: #707070;\r\n margin-top: 10px;\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.iview-video-style .iconv {\r\n color: #fff;\r\n line-height: 180px;\r\n width: 50px;\r\n height: 50px;\r\n display: inherit;\r\n font-size: 26px;\r\n position: absolute;\r\n top: -74px;\r\n left: 50%;\r\n margin-left: -25px;\r\n}\r\n.iview-video-style .mark {\r\n position: absolute;\r\n width: 100%;\r\n height: 30px;\r\n top: 0;\r\n background-color: rgba(0, 0, 0, 0.5);\r\n text-align: center;\r\n}\r\n</style>\r\n"]}]}
|
