base64图片上传七牛云

小鱼儿 2022-05-23 10:52 290阅读 0赞

直接上代码：

// 上传base64图片到七牛
    putb64=function(picBase){/*picBase是base64图片带头部的完整编码*/
        var picUrl;/*picUrl用来存储返回来的url*/
        /*把头部的data:image/png;base64,去掉。（注意：base64后面的逗号也去掉）*/
        picBase=picBase.substring(22);
        var url = "http://upload.qiniu.com/putb64/"+this.fileSize(picBase);
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange=function(){
            if (xhr.readyState==4){
                var keyText=xhr.responseText;
                var json = eval('(' + keyText + ')'); /*把字符串转换成json*/
                /*返回的key是字符串，需要装换成json*/
                keyText = json;
                /* http://ojvh6i96g.bkt.clouddn.com/是我的七牛云空间网址，keyText.key 是返回的图片文件名*/
                picUrl="http://ojvh6i96g.bkt.clouddn.com/"+keyText.key;//picUrl就是图片的网络路径
                console.log(picUrl);
            }
        };
        xhr.open("POST", url, true);
        xhr.setRequestHeader("Content-Type", "application/octet-stream");
        xhr.setRequestHeader("Authorization", "UpToken "+"你的uptoken");
        xhr.send(picBase);
    },
    /*通过base64编码字符流计算文件流大小函数*/
    fileSize=function(str){
        var fileSize;
        if(str.indexOf('=')>0)
        {
            var indexOf=str.indexOf('=');
            str=str.substring(0,indexOf);//把末尾的’=‘号去掉
        }
        fileSize=parseInt(str.length-(str.length/8)*2);
        return fileSize;
    },

发表评论取消回复

表情：

评论列表（有 0 条评论，290人围观）

还没有评论，来说两句吧...

相关阅读

相关 base64编码上传七牛云

官方文档:[https://developer.qiniu.com/kodo/kb/1326/how-to-upload-photos-to-seven-niuyun-base

桃扇骨/ 2024年02月19日 20:09/ 0 赞/ 32 阅读

相关 egg,七牛云上传图片

这是我的service 文件， const Service = require('egg').Service const qiniu = require('q

小鱼儿/ 2022年11月30日 12:43/ 0 赞/ 237 阅读

相关图片上传(Base64)

图片上传(Base64) HTML <label for="pic_upload" class="file-update-title"> 标

野性酷女/ 2022年06月17日 11:16/ 0 赞/ 377 阅读

相关七牛上传base64图片（附js裁剪头像，上传七牛）

代码如下： <div id="myDiv"></div> <script type="text/javascript"> //调用上传

喜欢ヅ旅行/ 2022年06月17日 00:11/ 0 赞/ 318 阅读

相关 base64图片上传七牛云

直接上代码： // 上传base64图片到七牛 putb64=function(picBase){/picBase是base64图片带头部的完整编码/

小鱼儿/ 2022年05月23日 10:52/ 0 赞/ 291 阅读

相关 html页面上传图片到七牛云。javaweb上传图片到七牛云

目的：使用html页面上传图片到七牛云。（使用了springmvc框架）准备工作： 1、springmvc搭建：[https://blog.csdn.net/

你的名字/ 2022年05月16日 02:06/ 0 赞/ 400 阅读

相关七牛云上传图片到七牛云并返回图片URL

七牛云上传图片到七牛云并返回图片URL 鸣谢'追逐盛夏流年':https://blog.csdn.net/j1231230/article/details/80

一时失言乱红尘/ 2022年05月14日 02:58/ 0 赞/ 454 阅读

相关 Django上传图片到七牛云

七牛云存储介绍：七牛云存储是一个集图片、视频对象存储为一体的网站。并且他上面集成了cdn加速服务，图片处理（加水印，图片裁剪）等功能，对于一些想要快速开发产品，

旧城等待，/ 2022年03月28日 02:49/ 0 赞/ 341 阅读

相关 Django七牛云图片上传

Django七牛云图片上传参考文档：七牛云官网： https://www.qiniu.com/ 插件下载地址及使用

超、凢脫俗/ 2021年09月17日 16:18/ 0 赞/ 472 阅读

相关七牛云图片上传

七牛云图片上传 > 可查看七牛云上传图片的SDK from flask import Flask, render_template, request, json

痛定思痛。/ 2021年09月17日 16:08/ 0 赞/ 450 阅读