从Base64 Ionic编码和解码图像
Encode and Decode Images From Base64 Ionic
我正在制作一个将图像作为字符串上传到某个在线服务的应用程序(ionic),我在设备上只有图像的URI,如何加载图像并将其转换为base64字符串,然后在应用程序中查看?
使用FileReader:
FileReader对象允许web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用File或Blob对象指定要读取的文件或数据。
通过创建function
:
function convertFileToDataURLviaFileReader(url, callback){
var xhr = new XMLHttpRequest();
xhr.responseType = 'blob';
xhr.onload = function() {
var reader = new FileReader();
reader.onloadend = function () {
callback(reader.result);
}
reader.readAsDataURL(xhr.response);
};
xhr.open('GET', url);
xhr.send();
}
然后调用它以获取base64
数据:
convertFileToDataURLviaFileReader('yourUrlHere',function(base64Data){
//do something with base64Date
//show image
$scope.imageSrc=base64Data;
});
带标记:
<image ng-src="imageSrc" />
相关文章:
- 从Base64 Ionic编码和解码图像
- 如何使用Java解码由window.btoa编码的base64图像
- 如何将Golang中的[][]字节发送到浏览器以解码为图像
- 如何使用javascript将数据:image/png:base64.解码为真实图像
- 使用 canvas.toDataURL() 解码和保存图像
- 用于QR图像解码器的Javascript库
- base64解码的图像不下载
- 通过datauri和phpbase64解码上传javascript图像
- 如何使用JavaScript解码JPEG2000位数组图像
- 解码图像Base64字符串无效
- 使用JavaScript解码图像
- 如何解码二进制缓冲区到一个图像在node.js
- 从64进制解码后,在Amazon s3上上传javascript图像
- PHP base64解码函数无法解码base64图像字符串
- 如何解码base64编码的图像与JS/PHP?(以前用Actionscript编码)
- WinJS DOM7009:无法解码URL上的图像
- 读取/解码条形码从一个图像在php
- 我如何将base64解码图像添加到openlayer地图
- 通过JS解码UTF-8图像(字符串)
- 如何在Node.js中将base64解码为图像文件