oss 阿里云 javascript 上传图片

多余的就不说了 直接上干货

第一步. 引入官方提供的js库



复制：

     <!-- oss 上传文件 JavaScript 库 -->

     <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>

第二步.声明自己的 accessKeyId 和 accessKeySecret 这个需要到阿里云里面去设置



region：阿里云服务器地址

accessKeyId：您的key

accessKeySecret：您的密码，

bucket：你要上传到那个文件夹下； 这个需要在阿里云服务器建立

复制代码：

var client = new OSS.Wrapper({
region : 'oss-cn-hangzhou',
accessKeyId : 'xxx',
accessKeySecret : 'xxxx',
bucket : 'xxxx'

});

第三步. 文件上传方法



说明：

suffix  ：文件后缀名

obj ：文件名 时间戳

storeAs ：上传到阿里云的文件地址

复制代码：

 function on_click_upload_file(){

 var f = document.getElementById("file").files[0]; 
 console.log(f.name);
 var val= document.getElementById("file").value;
 var suffix = val.substr(val.indexOf("."));

                  var obj=timestamp();  // 这里是生成文件名
 

    var storeAs = 'upload-file/'+"/"+obj+suffix;  //命名空间
  console.log(' => ' + storeAs);

  client.multipartUpload(storeAs, f).then(function (result) {
       console.log(result); --->返回对象
       console.log(result.url); --->返回链接
  }).catch(function (err) {
       console.log(err);
 });   
 }

  /**
  * 生成文件名
  * @returns
  */
 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;  
 } 

备注：此方法上传图片需要去阿里云配置上传权限