美文网首页
阿里云oss js直接上传方式

阿里云oss js直接上传方式

作者: TOPro | 来源:发表于2018-08-07 18:43 被阅读48次

    https://help.aliyun.com/document_detail/31925.html?spm=a2c4g.11186623.6.634.lNfXyE

    上来就让我下载插件什么鬼。堂堂阿里,竟然给这种demo。

    image.png

    原生的行数会很多吗?

    .then(sign=>{
        //这里使用服务器签名方式,假设已经拿到服务器签名信息
        let _date = new Date() * 1;
        let file = fileItem.blob;
        let data = new FormData();
        data.append("Filename",`${sign.dir}/${_date}`);
        data.append("key",`${sign.dir}/${_date}`);
        data.append("policy",sign.policy);
        data.append("OSSAccessKeyId",sign.accessid);
        data.append("success_action_status",200);
        data.append("signature",sign.signature);
        data.append('file', file, fileItem.filename || file.name)        
        var xhr = new XMLHttpRequest();
        xhr.setRequestHeader("Content-Type","multipart/form-data");
        xhr.open("post", sign.host)
        xhr.onreadystatechange = function() {
              if (xhr.readyState == 4) {
                    console.log("success:" + xhr.response);
                    //这里响应体是空的
              }
         }
    })
    
    
    

    相关文章

      网友评论

          本文标题:阿里云oss js直接上传方式

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