| 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\\uploadVideo\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\uploadVideo\\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+W8leWFpXVwbG9hZEJ5UGllY2Vz5pa55rOVCgppbXBvcnQgeyBwcm9kdWN0R2V0VGVtcEtleXNBcGksIHVwbG9hZFR5cGUgYXMgX3VwbG9hZFR5cGUgfSBmcm9tICdAL2FwaS9wcm9kdWN0JzsKaW1wb3J0IFNldHRpbmcgZnJvbSAnQC9zZXR0aW5nJzsKaW1wb3J0IHsgZ2V0Q29va2llcyB9IGZyb20gJ0AvbGlicy91dGlsJzsgLy8gaW1wb3J0ICcuLi8uLi8uLi9wdWJsaWMvVUVkaXRvci9kaWFsb2dzL2ludGVybmFsJzsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAndmlkZTExbycsCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGZpbGVVcmw6IFNldHRpbmcuYXBpQmFzZVVSTCArICcvZmlsZS91cGxvYWQnLAogICAgICB1cGxvYWQ6IHsKICAgICAgICB2aWRlb0luZzogZmFsc2UgLy8g5piv5ZCm5pi+56S66L+b5bqm5p2h77ybCgogICAgICB9LAogICAgICBwcm9ncmVzczogMCwKICAgICAgLy8g6L+b5bqm5p2h6buY6K6kMAogICAgICB2aWRlb0xpbms6ICcnLAogICAgICBmb3JtVmFsaWRhdGU6IHsKICAgICAgICB2aWRlb19saW5rOiAnJwogICAgICB9LAogICAgICB1cGxvYWRfdHlwZTogJycsCiAgICAgIHVwbG9hZERhdGE6IHt9LAogICAgICBoZWFkZXI6IHt9CiAgICB9OwogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHsKICAgIHRoaXMudXBsb2FkVHlwZSgpOwogICAgdGhpcy5nZXRUb2tlbigpOwogIH0sCiAgbWV0aG9kczogewogICAgLy8g5Yig6Zmk6KeG6aKR77ybCiAgICBkZWxWaWRlbzogZnVuY3Rpb24gZGVsVmlkZW8oKSB7CiAgICAgIHZhciB0aGF0ID0gdGhpczsKICAgICAgdGhhdC4kc2V0KHRoYXQuZm9ybVZhbGlkYXRlLCAndmlkZW9fbGluaycsICcnKTsKICAgIH0sCiAgICAvL+iOt+WPluinhumikeS4iuS8oOexu+WeiwogICAgdXBsb2FkVHlwZTogZnVuY3Rpb24gdXBsb2FkVHlwZSgpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIF91cGxvYWRUeXBlKCkudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgX3RoaXMudXBsb2FkX3R5cGUgPSByZXMuZGF0YS51cGxvYWRfdHlwZTsKICAgICAgfSk7CiAgICB9LAogICAgLy8g5LiK5Lyg5oiQ5YqfCiAgICBoYW5kbGVTdWNjZXNzOiBmdW5jdGlvbiBoYW5kbGVTdWNjZXNzKHJlcywgZmlsZSwgZmlsZUxpc3QpIHsKICAgICAgaWYgKHJlcy5zdGF0dXMgPT09IDIwMCkgewogICAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLnZpZGVvX2xpbmsgPSByZXMuZGF0YS5zcmM7CiAgICAgICAgdGhpcy4kTWVzc2FnZS5zdWNjZXNzKHJlcy5tc2cpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuJE1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7CiAgICAgIH0KICAgIH0sCiAgICB2aWRlb1NhdmVUb1VybDogZnVuY3Rpb24gdmlkZW9TYXZlVG9VcmwoZmlsZSkgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKCiAgICAgIHVwbG9hZEJ5UGllY2VzKHsKICAgICAgICBmaWxlOiBmaWxlLAogICAgICAgIC8vIOinhumikeWunuS9kwogICAgICAgIHBpZWNlU2l6ZTogMywKICAgICAgICAvLyDliIbniYflpKflsI8KICAgICAgICBzdWNjZXNzOiBmdW5jdGlvbiBzdWNjZXNzKGRhdGEpIHsKICAgICAgICAgIF90aGlzMi5mb3JtVmFsaWRhdGUudmlkZW9fbGluayA9IGRhdGEuZmlsZV9wYXRoOwogICAgICAgICAgX3RoaXMyLnByb2dyZXNzID0gMTAwOwogICAgICAgIH0sCiAgICAgICAgZXJyb3I6IGZ1bmN0aW9uIGVycm9yKGUpIHsKICAgICAgICAgIF90aGlzMi4kTWVzc2FnZS5lcnJvcihlLm1zZyk7CiAgICAgICAgfSwKICAgICAgICB1cGxvYWRpbmc6IGZ1bmN0aW9uIHVwbG9hZGluZyhjaHVuaywgYWxsQ2h1bmspIHsKICAgICAgICAgIF90aGlzMi52aWRlb0luZyA9IHRydWU7CiAgICAgICAgICB2YXIgc3QgPSBNYXRoLmZsb29yKGNodW5rIC8gYWxsQ2h1bmsgKiAxMDApOwogICAgICAgICAgX3RoaXMyLnByb2dyZXNzID0gc3Q7CiAgICAgICAgfQogICAgICB9KTsKICAgICAgcmV0dXJuIGZhbHNlOwogICAgfSwKICAgIGdldFRva2VuOiBmdW5jdGlvbiBnZXRUb2tlbigpIHsKICAgICAgdGhpcy5oZWFkZXJbJ0F1dGhvcmktemF0aW9uJ10gPSAnQmVhcmVyICcgKyBnZXRDb29raWVzKCd0b2tlbicpOwogICAgfSwKICAgIGJlZm9yZVVwbG9hZDogZnVuY3Rpb24gYmVmb3JlVXBsb2FkKCkgewogICAgICB2YXIgX3RoaXMzID0gdGhpczsKCiAgICAgIHRoaXMudXBsb2FkRGF0YSA9IHt9OwogICAgICB2YXIgcHJvbWlzZSA9IG5ldyBQcm9taXNlKGZ1bmN0aW9uIChyZXNvbHZlKSB7CiAgICAgICAgX3RoaXMzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgICAgICByZXNvbHZlKHRydWUpOwogICAgICAgIH0pOwogICAgICB9KTsKICAgICAgcmV0dXJuIHByb21pc2U7CiAgICB9LAogICAgemhfdXBsb2FkRmlsZTogZnVuY3Rpb24gemhfdXBsb2FkRmlsZSgpIHsKICAgICAgaWYgKHRoaXMudmlkZW9MaW5rKSB7CiAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUudmlkZW9fbGluayA9IHRoaXMudmlkZW9MaW5rOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMuJHJlZnMucmVmaWQuY2xpY2soKTsKICAgICAgfQogICAgfSwKICAgIHpoX3VwbG9hZEZpbGVfY2hhbmdlOiBmdW5jdGlvbiB6aF91cGxvYWRGaWxlX2NoYW5nZShldmZpbGUpIHsKICAgICAgdmFyIHRoYXQgPSB0aGlzOwoKICAgICAgaWYgKGV2ZmlsZS50YXJnZXQuZmlsZXNbMF0udHlwZSAhPT0gJ3ZpZGVvL21wNCcpIHsKICAgICAgICByZXR1cm4gdGhhdC4kTWVzc2FnZS5lcnJvcign5Y+q6IO95LiK5LygbXA05paH5Lu2Jyk7CiAgICAgIH0KCiAgICAgIHByb2R1Y3RHZXRUZW1wS2V5c0FwaSgpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIHRoYXQuJHZpZGVvQ2xvdWQudmlkZW9VcGxvYWQoewogICAgICAgICAgdHlwZTogcmVzLmRhdGEudHlwZSwKICAgICAgICAgIGV2ZmlsZTogZXZmaWxlLAogICAgICAgICAgcmVzOiByZXMsCiAgICAgICAgICB1cGxvYWRpbmc6IGZ1bmN0aW9uIHVwbG9hZGluZyhzdGF0dXMsIHByb2dyZXNzKSB7CiAgICAgICAgICAgIHRoYXQudXBsb2FkLnZpZGVvSW5nID0gc3RhdHVzOwogICAgICAgICAgfQogICAgICAgIH0pLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgICAgdGhhdC5mb3JtVmFsaWRhdGUudmlkZW9fbGluayA9IHJlcy51cmw7CiAgICAgICAgICB0aGF0LiRNZXNzYWdlLnN1Y2Nlc3MoJ+inhumikeS4iuS8oOaIkOWKnycpOwogICAgICAgIH0pLmNhdGNoKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICAgIHRoYXQuJE1lc3NhZ2UuZXJyb3IocmVzKTsKICAgICAgICB9KTsKICAgICAgfSk7CiAgICB9LAogICAgdXBsb2FkczogZnVuY3Rpb24gdXBsb2FkcygpIHsKICAgICAgdGhpcy4kZW1pdCgnZ2V0dmlkZW8nLCB0aGlzLmZvcm1WYWxpZGF0ZS52aWRlb19saW5rKTsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,gD,CAAA;;AACA;AACA;AACA,yC,CAEA;;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;IACA;IACAC,QAFA,sBAEA;MACA;MACAC;IACA,CALA;IAMA;IACAC,UAPA,wBAOA;MAAA;;MACAA;QACA;MACA,CAFA;IAGA,CAXA;IAYA;IACAC,aAbA,yBAaAC,GAbA,EAaAC,IAbA,EAaAC,QAbA,EAaA;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;MACA;IACA,CApBA;IAqBAC,cArBA,0BAqBAF,IArBA,EAqBA;MAAA;;MACAG;QACAH,UADA;QACA;QACAI,YAFA;QAEA;QACAC;UACA;UACA;QACA,CANA;QAOAC;UACA;QACA,CATA;QAUAC;UACA;UACA;UACA;QACA;MAdA;MAgBA;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;QACAlB,iBACAmB,WADA,CACA;UACAC,mBADA;UAEAH,cAFA;UAGAd,QAHA;UAIAQ,SAJA,qBAIAU,MAJA,EAIA/B,QAJA,EAIA;YACAU;UACA;QANA,CADA,EASAsB,IATA,CASA;UACAtB;UACAA;QACA,CAZA,EAaAuB,KAbA,CAaA;UACAvB;QACA,CAfA;MAgBA,CAjBA;IAkBA,CAlFA;IAmFAwB,OAnFA,qBAmFA;MACA;IACA;EArFA;AAtBA","names":["name","data","fileUrl","upload","videoIng","progress","videoLink","formValidate","video_link","upload_type","uploadData","header","created","methods","delVideo","that","uploadType","handleSuccess","res","file","fileList","videoSaveToUrl","uploadByPieces","pieceSize","success","error","uploading","getToken","beforeUpload","resolve","zh_uploadFile","zh_uploadFile_change","evfile","productGetTempKeysApi","videoUpload","type","status","then","catch","uploads"],"sourceRoot":"src/components/uploadVideo","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\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 // 删除视频；\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 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 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"]}]}
|
