阿里云 OSS JS前端直传 代码封装

OSS JS前端直传 封装: 

function upload(f,callback){
    var client = new OSS.Wrapper({
    region : 'oss-cn-beijing',
    accessKeyId : 'LTAIJDKAA9Bww5',
    accessKeySecret : 'd4Aw0BmtFa31yYGItEPZ9LpGFSAAAaz',
    bucket : 'hai-test'
});

    //文件格式限制
    var suffix = f.name.substr(f.name.lastIndexOf("."));
    console.info("suffix",suffix);
    //支持的文件格式
    var fileTypes = '视频格式:.mp4 .avi .rmvb ' +
        '图片格式： .jpg .jpeg .gif ';
    if(fileTypes.indexOf(suffix)==-1){
        alert("暂不支持该文件格式")
        return;
    }

    //文件大小限制
    if(f.size>100*1000*1000){
        alert("文件不得大于100M")
        return;
    }

    //进度显示 开
    console.log('上传中');
    console.log(f.name);
    var obj=Date.parse(new Date());  // 这里是生成文件名
    var storeAs = 'upload-file/'+"/"+obj+suffix;  //命名空间
    console.log(' => ' + storeAs);
    
    client.multipartUpload(storeAs, f).then(function (result) {
        console.log("上传成功",result);

        var url = result.res.requestUrls[0];
        console.log("上传地址",url);

        if (callback){
            //去除多余字符
            if (url&&url.indexOf("?")!=-1){
                alert("去除多余字符"+url.indexOf("?"))
                url = url.toString().substring(0,url.indexOf("?"));
            }
            callback(url);
        }
    }).catch(function (err) {
        console.error("上传失败",err);
        //进度显示 关
        alert('上传失败 !');
    });
}

 

用法:

var file = $('#file').files[0];

upload(file,function(url){
    alert('上传成功,url='+url)
});