阿里云OSS文件上传（前端js文件直传方法）

//首先页面引入：
<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-6.0.2.min.js"></script>

<script>
// 方法
function upFile(el){
    // el为上传文件的元素
    // ----步骤1-------------------------------------------------
    var client = new OSS.Wrapper({
        region: "oss-cn-hangzhou", //阿里云获取
        accessKeyId: "yourAccessKeyId",
        accessKeySecret: "yourAccessKeySecret",
        bucket: "bucketName"  //要存储的目录名
    });
    // ----步骤2-------------------------------------------------
    var suffix = el.value.substr(el.value.indexOf(".")); // 获取文件后缀名
    var filename = new Date().getTime() + suffix; // 为文件命名
    client.multipartUpload("fileName/" + filename, el.files[0]).then(function (result){
        var url = result.res.requestUrls[0];
        var length = url.lastIndexOf('?');
        var imgUrl = length>0?url.substr(0,length):url; // 文件最终路径
        console.log(imgUrl);
    }).catch(function (err) {
        console.log(err);
    });
}
</script>