|
@@ -1,49 +1,71 @@
|
|
<template>
|
|
<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>
|
|
</template>
|
|
<script>
|
|
<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>
|
|
</script>
|