在 base64 中显示位缩短的 URL
Display BitLy Shortened URL in Base64
我想在base64中显示以下代码的(结果)。
下面的代码缩短了输入的 url 并显示其位结果,但我希望它改为在 base64 中编码结果。
即它会将输入的 url 缩短为隐藏中的位,但只会显示 base64 编码的结果。
例如,如果特定的缩短网址结果是
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>
将不胜感激任何帮助。
您应该
能够使用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
希望对您有所帮助!
相关文章:
- 如何在不在本地下载的情况下将url中提供的文件(pdf/doc)转换为json/string/base64格式
- Pdf.js:使用base64文件源而不是url来呈现Pdf文件
- 如何在javascript变量中从url中获取base64编码值
- 正在将数据URL(base64)保存到PhoneGap(android)上的文件中
- 转义URL中的Base64字符串
- 在JavaScript(浏览器端)中解码URL Safe Base64
- 在 base64 中显示位缩短的 URL
- Javascript:从图像URL获取Base64字符串
- AngularJS - img ng-src 到 base64 数据(不是 url)不起作用
- 在 JW 播放器开始之前不显示图像,如果 URL 包含字符串 base64
- 从图像 URL 获取 Base64 字符串
- Javascript base64 encode URL
- 如何使用 JavaScript 将图像 URL 转换为 DataURL(base64 数据)
- 如果文件的URL位于客户端系统中,则使用javascript将任何类型的文件转换为Base64
- 最新的base64和url编码库
- 从URL获取图像byte/base64
- 将Blob字符串URL转换为Blob,然后转换为base64
- 想要从文件URL获取base64数据
- 将图像URL转换为base64
- Base64编码图像主机url或服务器文件路径