소스 검색

新插件

zhuxinbo 5 년 전
부모
커밋
231eedd45b
5개의 변경된 파일68개의 추가작업 그리고 41개의 파일을 삭제
  1. 1 0
      package.json
  2. 1 0
      public/index.html
  3. 2 0
      src/main.js
  4. 63 41
      src/views/modules/test/Test.vue
  5. 1 0
      src/views/template/creative/create.vue

+ 1 - 0
package.json

@@ -19,6 +19,7 @@
     "axios": "^0.18.0",
     "babel-loader": "^8.0.6",
     "blueimp-md5": "^2.11.0",
+    "browser-md5-file": "^1.1.1",
     "clipboard": "^2.0.4",
     "codemirror": "^5.46.0",
     "dayjs": "^1.8.0",

+ 1 - 0
public/index.html

@@ -288,6 +288,7 @@
 </div>
 
 <!-- update_begin author:sunjianlei date:20190524 for: 去指定页面的加载动画 -->
+<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js"></script>
 <script>
   // 去指定页面的加载动画
   if (location.href.indexOf('online/desform/pureview') !== -1) {

+ 2 - 0
src/main.js

@@ -24,6 +24,8 @@ import VuePreview from 'vue-preview';
 import promiseFinally from 'promise.prototype.finally';
 promiseFinally.shim();
 
+import md5 from 'blueimp-md5';
+Vue.prototype.$md5 = md5;
 import {
   ACCESS_TOKEN,
   DEFAULT_COLOR,

+ 63 - 41
src/views/modules/test/Test.vue

@@ -1,49 +1,71 @@
 <template>
-  <upload-to-ali v-model="url" :customDomain="OSS_CUSTOMDOMAIN()"
-                 preview
-                 :region="OSS_REGION()"
-                 :bucket="OSS_BUCKET()"
-                 :multiple="true"
-                 :accept="OSS_ACCEPT()"
-                 :size="102400"
-                 :accessKeyId="OSS_ACCESSKEYID()"
-                 :accessKeySecret="OSS_ACCESSKEYSECRET()"></upload-to-ali>
+  <div>
+    <upload-to-ali
+      v-model="url"
+      :customDomain="OSS_CUSTOMDOMAIN()"
+      preview
+      :region="OSS_REGION()"
+      :bucket="OSS_BUCKET()"
+      :multiple="true"
+      :accept="OSS_ACCEPT()"
+      :size="102400"
+      :accessKeyId="OSS_ACCESSKEYID()"
+      :accessKeySecret="OSS_ACCESSKEYSECRET()"
+      :beforeUpload="file"
+      id="upload"
+    ></upload-to-ali>
+    {{url}}
+  </div>
 </template>
 <script>
-  import UploadToAli from '@femessage/upload-to-ali'
-
-  export default {
-    data(){
-      return {
-        url:'',
-        accessKeyId:'LTAIbNbqWzSOklQV',
-        accessKeySecret:'1rkPz7JNoXk8sJevPaeYHWqfkQXBGh',
-        bucket:'ctop-media',
-        region:'oss-cn-beijing'
-      }
+import UploadToAli from '@femessage/upload-to-ali'
+import BMF from 'browser-md5-file'
+export default {
+  data() {
+    return {
+      url: '',
+      accessKeyId: 'LTAIbNbqWzSOklQV',
+      accessKeySecret: '1rkPz7JNoXk8sJevPaeYHWqfkQXBGh',
+      bucket: '·    ',
+      region: 'oss-cn-beijing'
+    }
+  },
+  components: {
+    UploadToAli
+  },
+  methods: {
+    OSS_CUSTOMDOMAIN() {
+      return ''
+    },
+    OSS_REGION() {
+      return this.region
+    },
+    OSS_BUCKET() {
+      return this.bucket
+    },
+    OSS_ACCESSKEYID() {
+      return this.accessKeyId
+    },
+    OSS_ACCESSKEYSECRET() {
+      return this.accessKeySecret
     },
-    components:{
-      UploadToAli
+    OSS_ACCEPT() {
+      return 'image/jpeg,image/png,video/mpeg,video/mp4'
     },
-    methods:{
-      OSS_CUSTOMDOMAIN(){
-        return ''
-      },
-      OSS_REGION(){
-        return this.region
-      },
-      OSS_BUCKET(){
-        return this.bucket
-      },
-      OSS_ACCESSKEYID(){
-        return this.accessKeyId
-      },
-      OSS_ACCESSKEYSECRET(){
-        return this.accessKeySecret
-      },
-      OSS_ACCEPT(){
-        return "image/jpeg,image/png,video/mpeg,video/mp4"
-      }
+    file(file) {
+      console.log(file)
+      var bmf = new BMF()
+      bmf.md5(
+        file[0],
+        (err, md5) => {
+          console.log('err:', err)
+          console.log('md5 string:', md5) // 97027eb624f85892c69c4bcec8ab0f11
+        },
+        progress => {
+          console.log('progress number:', progress)
+        }
+      )
     }
   }
+}
 </script>

+ 1 - 0
src/views/template/creative/create.vue

@@ -824,6 +824,7 @@ export default {
           console.log(dataCreatives)
           params.creatives = dataCreatives
           if (this.creativeType == 'program') {
+              
             //   params.titles = this.titleData
             params.titles = this.$refs.material.titleData
           }