获取base64图片大小

13 篇文章 0 订阅

获取base64图片大小

// 获取base64图片大小
base64ImageSize(base64ImageStr) {
  const indexBase64 = base64ImageStr.indexOf('base64,');
  if (indexBase64 < 0) return -1;
  const str = base64ImageStr.substr(indexBase64 + 6);
  return (str.length * 0.75 / 1024 / 1024).toFixed(2);
},
// 微信环境使用微信上传图片功能
wxSendImg(tips){
  wx.chooseImage({
    count: tips == 1 ? 1 : 9 - this.image.length,
    success: (_backData) => {
      for(var i = 0; i < _backData.localIds.length; i ++){
        wx.getLocalImgData({
          localId: _backData.localIds[i],
          success: (newBackData) => {
            let upimgurl = (newBackData.localData.toString().indexOf('data:image/') > -1) ? newBackData.localData : "data:image/jpeg;base64," + newBackData.localData;
            if(this.base64ImageSize(upimgurl) > 5){
              if(_backData.localIds.length > 1){
                this.$toast('第' + (i + 1) + '张图片大于' + 5 + 'M,已取消上传');
              }else{
                this.$toast('图片大于' + 5 + 'M,已取消上传');
              }
            }else{
              this.$toast.loading({
                duration: 0,
                message: '上传中...',
                forbidClick: true,
              })
              qiniuUpFile(upimgurl,this.token,"image/jpg").then(res=>{
                // console.log(res);
                // console.log(this.domain + '/' + res.hash);
                // console.log(this.domain + '/' + res.key);
                if(tips == 1){
                  this.cover_image = this.domain + '/' + res.key;
                }else{
                  this.image.push(this.domain + '/' + res.key);
                }
              }).catch(err=>{
                console.log(err);
              })
            }
          }
        })
      }
    }
  });
  wx.error(function(_backData) {
    console.log(_backData)
  })
},

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Base64编码是一种将二进制数据转换为ASCII字符的编码方式,它将原始数据按照固定的规则转换成一串字符。由于Base64编码使用了64个字符来表示64个不同的值,因此编码后的数据大小会比原始数据稍微大一些。 具体到图片的情况,使用Base64编码将图片转换成字符串后,其大小会比原始图片的大小大约增加1/3左右。这是因为Base64编码后的字符串中会包含一些额外的字符,用来表示原始数据的编码格式。 需要注意的是,大图片转换成Base64编码后的字符串会非常长,可能会导致数据传输的效率降低。因此,在实际应用中,如果需要传输大图片,建议直接传输图片的URL或者使用其他方式进行传输,而不是将图片转换成Base64编码字符串传输。 参考资料: 之前一直有用过对图片进行base64编码,然后将base64编码后的串放在请求体中传输,由于http本身并没有对请求体的大小进行限制,因此也并未对图片的大小以及编码后的base64大小进行过研究。因为目前我们的技术架构方面,前端直接访问网关层,由于网关层对body体进行了大小限制,因此我需要了解图片和base64编码之间的大小关系。 :https://c.runoob.com/front-end/59这个工具蛮好用的,大图片就用它转base64。 :主要介绍了基于JavaScript获取base64图片大小,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下。 :当把byte[]通过Convert.ToBase64String转换成Base64编码字符串时数据会明显变大,是为什么呢?我们就先探究一下什么是Base64编码?<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值