工作笔记保存，前端使用oss上传文件方法。
小型互联网公司（或者项目成本预算较低）为减少服务器压力节约成本，选择使用阿里云是一个不错对选择，整个过程在前端操作，只需要保存上传后对oss地址，不多说了，直接上代码（官方API：https://help.aliyun.com）
首先引用oss <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-x.x.x.min.js"></script> 有多个版本选择，之间的差异不大，只是封装的key和value的变更和新增一些原型方法。
作者引用4.4.4版本 <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script> 也可以下载到本地使用哦。
开始使用，首先需要实例化OSS.Wrapper，参数为开发者信息对象，官方说明
var client = new OSS.Wrapper({region: '<oss region>',//云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问accessKeyId: '<Your accessKeyId(STS)>',accessKeySecret: '<Your accessKeySecret(STS)>',stsToken: '<Your securityToken(STS)>',bucket: '<Your bucket name>'//自定义的上传后地址，加在oss前});
将申请的keyId,accessKeySecret放入/如何获取？
-
将鼠标放在右上方的用户名区域，在弹出的快捷菜单中选择accesskeys。
-
系统弹出安全提示对话框，单击继续使用AccessKey。
页面显示Access Key ID和Access Key Secret。
var client = new OSS.Wrapper({
region: 'oss-cn-hangzhou',
accessKeyId: 'LxxxxxxXL',
secure: true,
accessKeySecret: 'qy3IXXXXXXXXXDVuasw4q',
bucket: 'XX-minapp'
});
下面，我们就可以使用oss上传文件了，在页面上加一个file,绑定change事件，接收文件参数
function upload(obj){
var file=obj.files[0];//获取文件
var val= obj.value;
var img_url = "https://xxx-img.xxxx.com/";//阿里云给的域名
var suffix = val.substr(val.indexOf("."));
var storeAs = "studio_course/"+new Date()*1+suffix;
//将文件重新命名
client.multipartUpload(storeAs, file).then(function (result) {
//storeAs为上传后的文件地址和文件名（未包含域名）
if (result.res.requestUrls[0]) {
var url = img_url + storeAs;//这里是自己根据上传后的地址进行拼接
var backurl=result.res.requestUrls[0].split("?")[0];//截取前面的地址，可以直接在浏览器打开
}
}).catch(function (err) {
console.log(err);
});
}
multipartUpload方法接受两个参数，参数一为上传后的文件路径和文件名（自定义），为防止重复建议使用时间戳；参数二为文件对象
回调函数，成功回调返回一个对象，包含文件的信息
上传成功，可以看到上传后的文件地址，我们可以截取？之前的部分，也可以自己拼接出文件地址，因为我们上传之前已经知道了自己文件的域和名称，代码中已经说明。
这样前端就完成了整个文件上传，后端直接保存文件地址就可以了。
至此完成整个开发阶段，向所有奋斗在前线的前端同行致敬。工作辛苦，但也要记得休息好。