##### 阿里云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 无法生效
- 路由添加版本号