js获取url参数、图片转本地base64跨域问题

获取url参数是经常需要用的一个方法,url上的参数可以让我们的程序执行更灵活。

图片转本地也是很实用的,因为海报合成通常只支持本地。

下面我们来看看这些功能的实现:

获取所有参数,采用split拆分法:

var strs;
function GetRequest () {
var url = location.search;//获取url中“?”符后的字符串
var theRequest = new Object();
if (url.indexOf('?') != -1) {
var str = url.substr(1);
strs = str.split('&');
for (var i = 0;i < strs.length; i++) {
theRequest[strs[i].split('=')[0]] = decodeURI(str[i].split(('=')[1]);
}
}
return theRequest;
}

获取指定参数名的值:

//获取url参数
function getQueryString(name){
    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    let r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    };
    return null;
 }

var id = getQueryString("id") * 1;

 

图片转本地64:

var getBase64ByUrl = function(src, callback, outputFormat) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', src, true);

    xhr.responseType = 'arraybuffer';

    xhr.onload = function(e) {
      if (xhr.status == 200) {
        var uInt8Array = new Uint8Array(xhr.response);
        var i = uInt8Array.length;
        var binaryString = new Array(i);
        while (i--) {
          binaryString[i] = String.fromCharCode(uInt8Array[i]);
        }
        var data = binaryString.join('');
        var base64 = window.btoa(data);
        var dataUrl = "data:" + (outputFormat || "image/png") + ";base64," + base64;
        callback.call(this, dataUrl);
      }
    };

    xhr.send();
  }


getBase64ByUrl("外链图片地址", function(url) {
  $('.img').attr('src', url);
});

 

转载于:https://www.cnblogs.com/nanyang520/p/11236737.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值