前端上传阿里云

前端上传阿里云

1、html

    <input type="file" name="picFieldName" id="picFieldId" onchange="uploadPic(this)" />

2、js

        var client = new OSS.Wrapper({
            region: 'oss-cn-beijing',
            accessKeyId: 'XXXXXXXXX',
            accessKeySecret: 'XXXXXXXXXXXXX',
            bucket: 'artapp-dev-bucket'
        });
        function uploadPic(obj){
            var file=obj.files[0];//获取文件流
            var val= obj.value;
            var suffix = val.substr(val.indexOf("."));
            var storeAs = "studio_course/"+timestamp()+suffix;
            console.log(file.name + ' => ' + storeAs);
            client.multipartUpload(storeAs, file).then(function (result) {  }).catch(function (err) {
                console.log(err);
            });
        }
        function timestamp(){
            var time = new Date();
            var y = time.getFullYear();
            var m = time.getMonth()+1;
            var d = time.getDate();
            var h = time.getHours();
            var mm = time.getMinutes();
            var s = time.getSeconds();
            console.log(y);
            return ""+y+add0(m)+add0(d)+add0(h)+add0(mm)+add0(s);
        }
        function add0(m){
            return m<10?'0'+m : m;
        }

accessKeyId：连接阿里云的accessKeyId
accessKeySecret：连接阿里云的accessKeyScret
dir：文件夹的名称
timestamp()根据年月日时分秒生产文件名
region：“xxx” //oss区域
bucket：阿里云oss的名称