微信小程序上傳文件至阿里雲

寫在前面的話

這是一篇記錄博客，所以沒有過多的代碼分析，只注重使用介紹。對剛好有此需求的朋友們能夠下載代碼使用。

源碼地址

• 請移步git下載源碼

文件結構

• config.js爲阿里雲信息配置文件
• uploadAliyun.js爲主方法

快速使用

• 在config文件配置阿里雲

let fileHost="http://frdscm.oss-cn-shenzhen.aliyuncs.com" // 阿里雲路徑
    let config = {
      uploadImageUrl: `${fileHost}`, //默認存在根目錄，可根據需求改
      AccessKeySecret: 'h3RdiKm0ohUUN5tzRMoZ0nvqhxxxxx',
      OSSAccessKeyId: 'LTAIbH8hu0Uexxxx',
      timeout: 87600 //這個是上傳文件時Policy的失效時間
    };
複製代碼

• 導入上傳方法

const uploadImage = require('@src/untils/upload/uploadAliyun.js')
複製代碼

• 使用

uploadAioss = (filePath, key) => { // 上傳阿里雲
        return new Promise((reslove, reject) => {
            uploadImage(
                filePath, // 文件真實上傳路徑
                "",
                key, // 傳給後臺的路徑 => 本身拼的路徑 通常爲時間+uuid+文件名等因人而異
                (res) => {
                    reslove(res)
                    console.log("上傳成功", res)
                },
                (e) => {
                    reject(e)
                }
            )
        })
      }
      
    uuid = () => { // uuid生成方法
        return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
            const r = (Math.random() * 16) | 0,
                v = c === 'x' ? r : (r & 0x3) | 0x8;
            return v.toString(16);
        })
    }
複製代碼

注：文件真實上傳路徑移步小程序api wx.uploadFile

最後，有疑問的朋友能夠多看阿里雲文檔，有興趣的朋友能夠看看代碼實現方法。舒適提示，小程序不支持uuid插件，你們能夠上網搜索，好多大牛都有解決方案。最後這是本身項目過程當中的自我記錄，但願能給有須要的朋友，提供一個快捷的方法。減小採坑時間。謝謝~