[英]Encode and Decode Images From Base64 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" />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.