js 上传base64编码图片到七牛云

最新推荐文章于 2022-09-16 16:02:44 发布

christinxu

最新推荐文章于 2022-09-16 16:02:44 发布

阅读量1k

点赞数

分类专栏： Javascript 文章标签： js 七牛云demo js七牛云 base64编码上传

本文链接：https://blog.csdn.net/christinxu/article/details/97791520

版权

这篇博客介绍了如何使用JavaScript将Base64编码的图片上传到七牛云，包括上传流程、所需参数、HTTP请求头部设置，以及处理Base64编码和文件大小计算的方法。此外，还提到了上传凭证的获取和错误处理策略。

摘要由CSDN通过智能技术生成

1.上传base64编码图片到七牛云

   参考官方提供的接口文档：
       https://developer.qiniu.com/kodo/kb/1326/how-to-upload-photos-to-seven-niuyun-base64-code

   POST的URL地址格式：
       http://域名/putb64/文件大小/key/"安全的" base64编码后的文件名/mimeType/MIME类型/crc32/crc32校验值/x:user-var/用户自定义的变量

       解释下需要的参数：
           1>首先是域名，下面是js代码
       var domains = [
       'upload.qiniu.com', // 华东
       'upload-z1.qiniu.com', // 华北
       'upload-z2.qiniu.com', // 华南
       'upload-na0.qiniu.com', // 北美
       ];

   2>文件大小
       必填
       1)可以传入 -1 - 表示文件大小以 'http request body' 为准
       2)传入图片未经过base64处理的原图字节大小
           注意：
               获取文件大小的时候，切记要通过文件流的方式获取。而不是通过图片标签然后转换后获取。

   3>指定的文件名key
       非必填
       未指定，按下列情况处理：
           1)uptoken.SaveKey存在，则基于 SaveKey 生成key
           2)uptoken.SaveKey不存在，则用 hash 生成key
       指定的话，需要经过 '安全的' base64编码
           该编码方式的基本过程是先将内容以Base64格式编码为字符串，然后检查该结果字符串，将字符串中的加号+换成中划线-，并且将斜杠/换成下划线_。

           详细编码规范参照 "RFC4648":
               https://tools.ietf.org/html/rfc4648

   4>MIME类型
       非必填，貌似必须使用 '安全的' base64编码，我们也可不填入，添加到 'Conten