##### 阿里云OSS 瀏覽器直傳
[官方文檔](https://help.aliyun.com/document_detail/64047.html?spm=a2c4g.11174283.6.1236.16ea7da2xmF0Zz)
##### 首先是簽名 也是阿里推薦的 STS模式-即臨時身份令牌
> 由服務器簽發一次,然后客戶端用此實例化OSS對象進行上傳。
```
// 獲取STS簽名
get_STS() {
return new Promise(async (resolve, reject) => {
let name = new Date().getTime() + Math.random();
let operate = "uploadImg";
let that = this;
// 請求后端接口獲取STS簽名,此處為后端需要的參數,基本都是自定義的 也可不傳。
let res = await get_STS({
name,
operate,
sign: crypto.MD5(name + operate + "bayinabayin888").toString()
});
if (res.data.code != 200) {
that.$alert(res.data.message || res.data.msg);
} else {
resolve(res.data.data);
}
});
}
```
```
// 上傳單圖
let OSS = require('ali-oss');
// img_blob為選擇的文件對象
async upload_img_to_oss(img_blob) {
return new Promise(async (resolve, reject) => {
let oss_sign = await this.get_STS();
let client = new OSS({
accessKeyId: oss_sign.AccessKeyId,
accessKeySecret: oss_sign.AccessKeySecret,
stsToken: oss_sign.SecurityToken,
endpoint: "oss-cn-beijing.aliyuncs.com/",
bucket: "xxx-test"
});
let result = await client.put(
"xxx/" + oss_sign.AccessKeyId,
img_blob
);
// console.log(result);
resolve(result);
});
}
```
- vue-quill-editor
- 添加自定義上傳圖片功能(上傳至服務器或七牛云)
- 微信web JSSDK
- 常用CSS
- 實現單行、多行文本溢出顯示省略號
- 濾鏡(filter)
- GIT
- win7 設置自動保存帳號密碼
- git 官方圖形界面GUI 漢化
- 阿里OSS
- 阿里云OSS 瀏覽器直傳
- uni-app H5直傳OSS
- html2canvas無法使用OSS圖片的問題
- 常用NPM包
- 日期格式化 - dateformat
- H5-API
- 文件讀取器 - FileReader
- 二進制大對象 - Blob
- JS-常用 功能
- 檢驗手機號
- 檢驗身份證
- 檢驗是否是漢字
- 獲取瀏覽器參數
- 手機類型判斷
- 生成隨機字符串
- wordpress
- 下載-安裝
- 創建一個新的主題(模板)
- ueditor直傳OSS
- RESTFul API
- 軟件工具
- Cmder 代替windows cmd的好玩意
- H5頁面控制臺(vconsole)
- ThinkPHP
- Linux系統LNMP集成環境
- 安裝命令
- 安裝PHP多版本
- 管理虛擬機
- 安裝composer
- 設置根目錄為public無效的問題
- 路由
- TP5 route 無法生效
- 路由添加版本號