askbot-dragon 1.7.41-beta → 1.7.44-beta

package/src/components/file/AliyunOssComponents.vue

@@ -1,109 +1,109 @@
-<!-- TODO 暂时不使用组件,请使用js工具类 AliyunIssUtil.js -->
-<template>
-
-    <div class="aliyun-oss-components">
-        <input type="file" v-on:change="fileChange" ref="inputer">
-    </div>
-</template>
-
-<script>
-    import {uid} from 'uid';
-
-    // const OSS = require('ali-oss');
-
-    Date.prototype.Format = function (fmt) {
-        const o = {
-            "M+": this.getMonth() + 1, //月份
-            "d+": this.getDate(), //日
-            "h+": this.getHours(), //小时
-            "m+": this.getMinutes(), //分
-            "s+": this.getSeconds(), //秒
-            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
-            "S": this.getMilliseconds() //毫秒
-        };
-        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
-        for (const k in o)
-            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
-        return fmt;
-    };
-
-
-    export default {
-        name: "AliyunOssComponents",
-        data() {
-            return {
-                file: null,
-                ossClient: null
-            }
-        },
-        props: {
-            // Aliyun OSS 配置
-            ossConfig: {
-                type: Object,
-                default: function () {
-                    return {
-                        region: "",
-                        //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问
-                        accessKeyId: "",
-                        accessKeySecret: "",
-                        bucket: ""
-                    }
-                }
-            },
-            // 路径生成函数
-            pathGenerate: {
-                type: Function,
-                default: function (filename) {
-                    return "front-oss/" + new Date().Format("yyyy/MM/dd/hh/mm/") + uid(32) + "/" + filename;
-                }
-            },
-            data: [Blob, Buffer, File]
-        },
-        mounted() {
-            console.debug(this.ossConfig);
-            this.ossClient = new OSS(this.ossConfig);
-        },
-        methods: {
-            fileChange() {
-                let inputDOM = this.$refs.inputer;
-                // 通过DOM取文件数据
-                // this.file = ;
-                console.debug('file change', inputDOM.files);
-                this.putObject(inputDOM.files[0]);
-                this.multipartUpload(inputDOM.files[0]);
-            },
-            /**
-             *
-             * @param data
-             * @return {Promise<null|void>}
-             */
-            async putObject(data) {
-                // object-key可以自定义为文件名（例如file.txt）或目录（例如abc/test/file.txt）的形式，实现将文件上传至当前Bucket或Bucket下的指定目录。
-                let objectKey = this.pathGenerate(data.name);
-                let result = await this.ossClient.put(objectKey, data);
-                return result;
-
-            },
-            async multipartUpload(data, callback) {
-                // object-key可以自定义为文件名（例如file.txt）或目录（例如abc/test/file.txt）的形式，实现将文件上传至当前Bucket或Bucket下的指定目录。
-                let objectKey = this.pathGenerate(data.name);
-                let res = await this.ossClient.multipartUpload(objectKey, data, {
-                    progress: function (p, checkpoint) {
-                        console.debug('progress callback', p, checkpoint);
-                        // 断点记录点。浏览器重启后无法直接继续上传，您需要手动触发上传操作。
-                        if (callback && callback instanceof Function) {
-                            callback(p, checkpoint);
-                        }
-                    }
-                });
-                return res;
-
-            }
-        }
-
-    }
-</script>
-
-<style scoped>
-
+<!-- TODO 暂时不使用组件,请使用js工具类 AliyunIssUtil.js -->
+<template>
+
+    <div class="aliyun-oss-components">
+        <input type="file" v-on:change="fileChange" ref="inputer">
+    </div>
+</template>
+
+<script>
+    import {uid} from 'uid';
+
+    // const OSS = require('ali-oss');
+
+    Date.prototype.Format = function (fmt) {
+        const o = {
+            "M+": this.getMonth() + 1, //月份
+            "d+": this.getDate(), //日
+            "h+": this.getHours(), //小时
+            "m+": this.getMinutes(), //分
+            "s+": this.getSeconds(), //秒
+            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+            "S": this.getMilliseconds() //毫秒
+        };
+        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+        for (const k in o)
+            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+        return fmt;
+    };
+
+
+    export default {
+        name: "AliyunOssComponents",
+        data() {
+            return {
+                file: null,
+                ossClient: null
+            }
+        },
+        props: {
+            // Aliyun OSS 配置
+            ossConfig: {
+                type: Object,
+                default: function () {
+                    return {
+                        region: "",
+                        //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问
+                        accessKeyId: "",
+                        accessKeySecret: "",
+                        bucket: ""
+                    }
+                }
+            },
+            // 路径生成函数
+            pathGenerate: {
+                type: Function,
+                default: function (filename) {
+                    return "front-oss/" + new Date().Format("yyyy/MM/dd/hh/mm/") + uid(32) + "/" + filename;
+                }
+            },
+            data: [Blob, Buffer, File]
+        },
+        mounted() {
+            console.debug(this.ossConfig);
+            this.ossClient = new OSS(this.ossConfig);
+        },
+        methods: {
+            fileChange() {
+                let inputDOM = this.$refs.inputer;
+                // 通过DOM取文件数据
+                // this.file = ;
+                console.debug('file change', inputDOM.files);
+                this.putObject(inputDOM.files[0]);
+                this.multipartUpload(inputDOM.files[0]);
+            },
+            /**
+             *
+             * @param data
+             * @return {Promise<null|void>}
+             */
+            async putObject(data) {
+                // object-key可以自定义为文件名（例如file.txt）或目录（例如abc/test/file.txt）的形式，实现将文件上传至当前Bucket或Bucket下的指定目录。
+                let objectKey = this.pathGenerate(data.name);
+                let result = await this.ossClient.put(objectKey, data);
+                return result;
+
+            },
+            async multipartUpload(data, callback) {
+                // object-key可以自定义为文件名（例如file.txt）或目录（例如abc/test/file.txt）的形式，实现将文件上传至当前Bucket或Bucket下的指定目录。
+                let objectKey = this.pathGenerate(data.name);
+                let res = await this.ossClient.multipartUpload(objectKey, data, {
+                    progress: function (p, checkpoint) {
+                        console.debug('progress callback', p, checkpoint);
+                        // 断点记录点。浏览器重启后无法直接继续上传，您需要手动触发上传操作。
+                        if (callback && callback instanceof Function) {
+                            callback(p, checkpoint);
+                        }
+                    }
+                });
+                return res;
+
+            }
+        }
+
+    }
+</script>
+
+<style scoped>
+
 </style>