t

src/components/Common/UploadVideo.vue

@@ -41,7 +41,7 @@
 </template>
 <script>
 import * as qiniu from 'qiniu-js'
-import { arrToObj } from '@/utils'
+import { convertFileName } from '@/utils'
 export default {
   mixins,
   props: {
@@ -96,7 +96,7 @@ export default {
         debugLogLevel: 'INFO'
       }
       let putExtra = {
-        fname: "",
+        fname: '',
         params: {},
         mimeType: null
       }
@@ -115,11 +115,13 @@ export default {
 
       let subscription;
       // 调用sdk上传接口获得相应的observable，控制上传和暂停
-      let observable = qiniu.upload(curFile.raw, curFile.name, this.fileConfig.token, putExtra, config);
+      // let observable = qiniu.upload(curFile.raw, curFile.name, this.fileConfig.token, putExtra, config);
+      let observable = qiniu.upload(curFile.raw, convertFileName(curFile.name, 'onlyName'), this.fileConfig.token, putExtra, config);
       observable.subscribe(next, null, complete)
 
       // this.$refs.upload.submit();
     },
+
     handleRemove(file, fileList) {
       this.fileNextResObj = {}
       let cObj = this.cObj

src/utils/index.js

@@ -136,6 +136,27 @@ export function arrToObj(arr) {
   return obj
 }
 
+
+export function convertFileName (oldFileName, type) {
+  const lastDotIndex = oldFileName.lastIndexOf('.')
+  if (lastDotIndex === -1) {
+    return ''
+  }
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const day = String(now.getDate()).padStart(2, '0');
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  const randomNum = Math.floor(Math.random() * 9000) + 1000;
+  if (type === 'onlyName') {
+    return `${year}${month}${day}${hours}${minutes}${seconds}-${randomNum}`
+  } else {
+    return `${year}${month}${day}${hours}${minutes}${seconds}-${randomNum}${oldFileName.substring(lastDotIndex)}`
+  }
+}
+
 export function noEmpty(val) {
   if (val === null || val === undefined || val === '') {
     return false

src/views/house/components/popup/IndexEdit.vue

@@ -65,6 +65,8 @@
                           muted 
                           loop 
                           width="200"
+                          height="112"
+                          object-fit="cover"
                           >
                             <source 
                             :src="area.house_video" 

src/views/room/components/popup/IndexEdit.vue

@@ -127,7 +127,7 @@
   </div>
 </template>
 <script>
-import { arrToObj } from '@/utils'
+import { arrToObj, convertFileName } from '@/utils'
 import handleMap from '@/components/Common/Map'
 import * as qiniu from 'qiniu-js'
 export default {
@@ -232,7 +232,8 @@ export default {
 
       let subscription;
       // 调用sdk上传接口获得相应的observable，控制上传和暂停
-      let observable = qiniu.upload(curFile.raw, curFile.name, this.fileConfig.token, putExtra, config);
+      // let observable = qiniu.upload(curFile.raw, curFile.name, this.fileConfig.token, putExtra, config);
+      let observable = qiniu.upload(curFile.raw, convertFileName(curFile.name, 'onlyName'), this.fileConfig.token, putExtra, config);
       observable.subscribe(next, null, complete)
 
       // this.$refs.upload.submit();