美文网首页
oss 上传照片

oss 上传照片

作者: web_ruby | 来源:发表于2017-09-28 17:52 被阅读0次

impor thttputilfrom'../httputil'

export default{

props:{

multiple:{

type:Boolean,

twoWay:false

},

id:{

type:String,

twoWay:false

}

},

data(){

return{

url:'',

region:'oss-cn-shanghai', //账号

bucket:'yidao-cdn',

};

},

methods:{

doUpload(){

httputil.doRequest('/Aliyun/stsServiceSample',{'type':8},1,this.onSuccess,this.onError,true) 

//请求后台 获得Token KEYID 等。。

},

onSuccess(res){

//成功后处理

constfiles=document.getElementById(this.id);

constclient=newOSS.Wrapper({

region:this.region,

accessKeyId:res.accessKeyId,

accessKeySecret:res.accessKeySecret,

stsToken:res.securityToken,

bucket:this.bucket

})

if(files.files){

const fileLen=document.getElementById(this.id).files

const resultUpload=[];

for(leti=0;i

constfile=fileLen[i];

console.log(file)

let name=this.randName() //随机名

conststoreAs='/upload/masterDesc/'+name+'.jpg';

//上传

client.multipartUpload(storeAs,file).then((results)=>{

this.url=res.url+'/'+name+'.jpg'

this.$emit('getUrl',this.url) // 传值给父组件

}).catch((err)=>{

console.log("错误信息="+err);

});

}

}

},

onError(res){

},

randName(){

varchars='ABCDEFGHJKMNP_QRSTWXYZabcdefhijkmnprstwxyz2345678';

varmaxPos=chars.length;

varpwd='';

for(vari=0;i<13;i++) {

pwd+=chars.charAt(Math.floor(Math.random()*maxPos));

}

returnpwd;

}

}

};

相关文章

网友评论

      本文标题:oss 上传照片

      本文链接:https://www.haomeiwen.com/subject/jhjvextx.html