<script type="text/javascript"> var client = new OSS.Wrapper ({ region: "host", accessKeyId: "key", /* Get these two from the Alibaba Cloud console*/ accessKeySecret: "Secret", bucket: "bucket"/*bucket name*/ }); document.getElementById('fileName').addEventListener('change', function (e) { var file = e.target.files[0]; var storeAs = "headImg/"+getUuid()+".jpg"; console.log(file.name + ' => ' + storeAs); client.multipartUpload(storeAs, file).then(function (result) { var uploadPath="http://"+oss.bucket+".oss-cn-shenzhen.aliyuncs.com/"+storeAs;/*Save this string to the database*/ console.log(uploadPath); $("[name=img]").attr("src",uploadPath); }).catch(function (err) { console.log(err); }); function getUuid(){ var len=32;//32 length var radix=16;//hexadecimal var chars='0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');var uuid=[],i;radix=radix||chars.length;if(len){for(i=0;i<len;i++)uuid[i]=chars[0|Math.random()*radix];}else{var r;uuid[8]=uuid[13]=uuid[18]=uuid[23]='-';uuid[14]='4';for(i=0;i<36;i++){if(!uuid[i]){r=0|Math.random()*16;uuid[i]=chars[(i==19)?(r&0x3)|0x8:r];}}} return uuid.join(''); } });
The name of the picture here is randomly generated because it cannot be repeated.