在 Base64 中显示略微缩短的 URL

Question

我想在 base64 中显示以下代码的（结果）。

下面的代码缩短了输入的 url 并显示了它的位结果，但我希望它用 base64 编码结果。

即它会将输入的 url 缩短为隐藏的位，但只会显示 base64 编码的结果。

例如，如果特定的缩短 url 结果是

http://bit.ly/url

它应该显示

aHR0cDovL2JpdC5seS91cmw=

jQuery

$(document).ready(function() {

  //bit_url function
  function bit_url(url) {
    var url=url;
    var username="username"; // bit.ly Api username
    var key="BitLy Key"; //bit.ly Api key
    $.ajax({
      url:"http://api.bit.ly/v3/shorten",
      data:{longUrl:url,apiKey:key,login:username},
      dataType:"jsonp",
      success:function(v) {
        var bit_url=v.data.url;
        $("#result").html('<a href="'+bit_url+'" target="_blank">'+bit_url+'</a>');
      }
    });
  }


  $("#short").click(function() {
    var url=$("#url").val();
    var urlRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    var urltest=urlRegex.test(url);
    if(urltest) {
      bit_url(url);
    } else {
    alert("Bad URL");
    }
  });

});

HTML

Enter URL:
<input type="text" placeholder="http://"" name="url" id="url"/>
<input type="submit" id="short" value="Submit"/>
<div id="result"></div>

非常感谢任何帮助。

Answer 1

您应该能够使用 btoa() 对 bit.ly 网址进行编码。像这样的东西会起作用：

$(document).ready(function() {

  //bit_url function
  function bit_url(url) {
    var url=url;
    var username="username"; // bit.ly Api username
    var key="BitLy Key"; //bit.ly Api key
    $.ajax({
      url:"http://api.bit.ly/v3/shorten",
      data:{longUrl:url,apiKey:key,login:username},
      dataType:"jsonp",
      success:function(v) {
        var bit_url=v.data.url;
        var encodedUrl = btoa(bit_url);
        console.log(encodedUrl);
        $("#result").html('<a href="'+bit_url+'" target="_blank">'+bit_url+'</a>');
      }
    });
  }


  $("#short").click(function() {
    var url=$("#url").val();
    var urlRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    var urltest=urlRegex.test(url);
    if(urltest) {
      bit_url(url);
    } else {
    alert("Bad URL");
    }
  });

});

有关 JavaScript 中编码和解码 base64 的更多信息可在此处的开发人员文档中找到： https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding

希望对您有所帮助！

在 Base64 中显示略微缩短的 URL

Display BitLy Shortened URL in Base64

html

javascript

url

jquery

bit.ly