@netang/quasar 0.2.61 → 0.2.64

package/components/uploader/index.vue

@@ -69,6 +69,11 @@ export default {
         confirm: Boolean,
         // 提交时上传网络外链文件
         submitUploadNet: Boolean,
+        // 是否必须登录
+        login: {
+            type: Boolean,
+            default: true,
+        },
     },
 
     /**
@@ -109,6 +114,8 @@ export default {
             type: props.type,
             // 声明属性
             props,
+            // 是否必须登录
+            login: props.login,
             // 上传文件输入框节点
             fileRef,
             // 上传文件列表

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netang/quasar",
-  "version": "0.2.61",
+  "version": "0.2.64",
 
   "description": "netang-quasar",
   "scripts": {

package/utils/uploader.js

@@ -125,6 +125,8 @@ function create(options) {
         onUpdateModelValue,
         // 更新方法
         onUpdate,
+        // 是否必须登录
+        login: isLogin,
 
     } = Object.assign({
         // 上传器类型
@@ -133,6 +135,8 @@ function create(options) {
         onUpdateModelValue: null,
         // 更新方法
         onUpdate: null,
+        // 是否必须登录
+        login: true,
     }, options)
 
     const optionsProps = $n_get(options, 'props')
@@ -323,8 +327,21 @@ function create(options) {
 
                 } else if (! $n_has(hashAll, 'hash')) {
 
+                    // 如果是 data: 开头的地址
+                    if (/^data:/i.test(hash)) {
+                        const __img = hash
+                        const fileItem = base64ToFileItem(hash)
+                        hash = fileItem.hash
+                        hashs.push(hash)
+                        hashAll[hash] = Object.assign({
+                            __img,
+                            isBase64: true,
+                            isNet: true,
+                            isNetUploaded: false,
+                        }, fileItem)
+
                     // 如果是外链
-                    if (/^http(s)?:\/\//i.test(hash)) {
+                    } else if (/^http(s)?:\/\//i.test(hash)) {
                         hashs.push(hash)
                         hashAll[hash] = {
                             hash,
@@ -359,6 +376,8 @@ function create(options) {
                 data: {
                     hashs: $n_uniq(hashs),
                 },
+                // 是否需要登录
+                token: isLogin,
                 // 关闭错误
                 warn: false,
                 // 关闭防抖(可以重复请求)
@@ -526,6 +545,83 @@ function create(options) {
     //     }
     // }
 
+    function getBlobExt(blob) {
+        // 后缀名
+        let ext = ''
+
+        if (blob.type) {
+
+            // 如果为图片
+            if (
+                props.type === 'image'
+                || $n_indexOf(blob.type, 'image/') > -1
+            ) {
+                switch (blob.type) {
+                    case 'image/png':
+                        ext = 'png'
+                        break
+                    case 'image/gif':
+                        ext = 'gif'
+                        break
+                    default:
+                        ext = 'jpg'
+                        break
+                }
+
+            // 如果为视频
+            } else if (props.type === 'video') {
+                ext = 'mp4'
+
+            // 如果为音频
+            } else if (props.type === 'audio') {
+                ext = 'mp3'
+
+            // 否则为文件
+            } else {
+                const arr = $n_split(props.type, '/')
+                if (arr.length > 0) {
+                    ext = arr[1]
+                }
+            }
+        }
+
+        return ext
+    }
+
+    function base64ToFileItem(value) {
+        const arr = value.split(',')
+        const mime = arr[0].match(/:(.*?);/)[1]
+        const bstr = atob(arr[1])
+        let n = bstr.length
+        const arrayBuffer = new Uint8Array(n)
+        while (n--) {
+            arrayBuffer[n] = bstr.charCodeAt(n)
+        }
+        const blob = new Blob([arrayBuffer], { type: mime })
+
+        // 初始化 SparkMD5
+        const spark = new SparkMD5.ArrayBuffer()
+        spark.append(arrayBuffer)
+
+
+        const title = String($n_timestamp())
+
+        const file = new File([blob], title, { type: blob.type })
+        const ext = getBlobExt(blob)
+
+        const {
+            size,
+        } = file
+
+        return {
+            file,
+            ext,
+            title,
+            size,
+            hash: spark.end(false),
+        }
+    }
+
     /**
      * 设置网络图片 file
      */
@@ -536,6 +632,17 @@ function create(options) {
         // 设置文件检查进度
         fileItem.progress = 0
 
+        // 如果是 base 64
+        if (fileItem.isBase64) {
+            // 设置文件状态
+            fileItem.status = UPLOAD_STATUS.hashChecked
+            // 设置文件检查进度
+            fileItem.progress = 100
+            // 设置单个文件信息
+            await setFileItemInfo(fileItem, setFileFail)
+            return
+        }
+
         try {
             const r = await fetch(fileItem.__img, {
                 method: 'GET',
@@ -556,44 +663,8 @@ function create(options) {
 
             // 如果有类型
             if (blob.type) {
-
-                // 后缀名
-                let ext = ''
-
-                // 如果为图片
-                if (
-                    props.type === 'image'
-                    || $n_indexOf(blob.type, 'image/') > -1
-                ) {
-                    switch (blob.type) {
-                        case 'image/png':
-                            ext = 'png'
-                            break
-                        case 'image/gif':
-                            ext = 'gif'
-                            break
-                        default:
-                            ext = 'jpg'
-                            break
-                    }
-
-                // 如果为视频
-                } else if (props.type === 'video') {
-                    ext = 'mp4'
-
-                // 如果为音频
-                } else if (props.type === 'audio') {
-                    ext = 'mp3'
-
-                // 否则为文件
-                } else {
-                    const arr = $n_split(props.type, '/')
-                    if (arr.length > 0) {
-                        ext = arr[1]
-                    }
-                }
-
                 // 如果有后缀名
+                const ext = getBlobExt(blob)
                 if (ext) {
                     // 设置文件
                     fileItem.file = new File([blob], String($n_timestamp()), { type: blob.type })
@@ -1197,6 +1268,8 @@ function create(options) {
             data: {
                 hashs: $n_uniq(checkHashs),
             },
+            // 是否需要登录
+            token: isLogin,
             // 关闭错误
             warn: false,
             // 关闭防抖(可以重复请求)
@@ -1532,6 +1605,8 @@ function create(options) {
                     hash,
                     title: newTitle,
                 },
+                // 是否需要登录
+                token: isLogin,
             })
 
             // 如果修改失败
@@ -1795,6 +1870,8 @@ function create(options) {
                 // 空间名称
                 bucket,
             },
+            // 是否需要登录
+            token: isLogin,
         })
 
         // 如果成功
@@ -2023,6 +2100,8 @@ function create(options) {
                 data,
                 // 关闭错误提示
                 warn: false,
+                // 是否需要登录
+                token: isLogin,
             })
 
             // 请求失败