OSS 图片上传功能代码分享

最新推荐文章于 2023-01-14 00:33:49 发布

赫塔

最新推荐文章于 2023-01-14 00:33:49 发布

阅读量119

点赞数

分类专栏：技术分享

本文链接：https://blog.csdn.net/weixin_42545165/article/details/100018063

版权

技术分享专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
     
    <body>
        <input type="file" name="" id="file" value="" />
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>
        <script type="text/javascript">
        var client
         $.ajax({
            url:'888888',
            type:'get',
            success:function(res){
                console.log(res)
                console.log(res.result.tokenInfo.accessKeyId)
                console.log(res.result.tokenInfo.accessKeySecret)
    
            client = new OSS.Wrapper({
                 region: 'oss-cn-hangzhou',
                 accessKeyId: res.result.tokenInfo.accessKeyId,
                 accessKeySecret: res.result.tokenInfo.accessKeySecret,
                 stsToken:res.result.tokenInfo.securityToken,
                 bucket: '********',
          });
          console.log('2',client)

          $("#file").change(function(){
            console.log("change");
            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('************',this.files[0])
            client.multipartUpload(storeAs, this.files[0]).then(function (result) {
                console.log(result);
                console.log(JSON.stringify(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();  
     
   
     return ""+y+add0(m)+add0(d)+add0(h)+add0(mm)+add0(s);  
 }  

 function add0(m){  
   return m<10?'0'+m : m;  
 } 
        </script>
    </body>
</html>