JSはアリクラウドossサーバーに画像を直接伝え、サーバーの帯域幅を占有しない

 
    var client = new OSS.Wrapper({
      region: "host",
      accessKeyId: "key",/*            */
      accessKeySecret: "Secret",
      bucket: "bucket"/*      */
    });
    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;/*             */
        console.log(uploadPath);
        $("[name=img]").attr("src",uploadPath);
      }).catch(function (err) {
        console.log(err);
      });

      function getUuid(){
      var len=32;//32  
      var radix=16;//16  
      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('');
}
    });
</pre> 
 <br> 
 <span style="color: orange;">              ，      。</span> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1176772562399604736"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">