gpt4 book ai didi

javascript - Phonegap 编码图像 base64

转载 作者:数据小太阳 更新时间:2023-10-29 06:07:25 26 4
gpt4 key购买 nike

我正在尝试将图像编码为 base64 并将其发送到服务器。当我检索图像时,它显示的所有内容都是空白的。

我用来编码的代码是这样的:

encodeImageUri = function(imageUri) {
var c = document.createElement('canvas');
var ctx = c.getContext("2d");
var img = new Image();
img.onload = function() {
c.width = this.width;
c.height = this.height;
ctx.drawImage(img, 0, 0);
};
img.src = imageUri;
var dataURL = c.toDataURL("image/jpeg");

return dataURL.slice(22, dataURL.length);
}

取自:Using PhoneGap, How to get base64 image data of the photo chosen from photo library in iPhone

最佳答案

我使用以下代码将图像转换为 Base64:

var Base64 = {
/**
* This implementation relies on Cordova 1.5 or above implementations.
*/
getBase64ImageFromInput : function (input, callback) {
var imageReader = new FileReader();
imageReader.onloadend = function (evt) {
if (callback)
callback(evt.target.result);
};
//Start the asynchronous data read.
imageReader.readAsDataURL(input);
},
formatImageSrcString : function (base64) {
return (base64.match(/(base64)/))? base64 : "data:image/jpeg;base64," + base64;
}
};

下面是使用此对象将图像从文件输入转换为 base64 编码的示例:

var fileInput = document.createElement('input');
fileInput.type = 'file';
fileInput.onchange = function () {
var input = this.files[0];
if (input) {
Base64.getBase64ImageFromInput(input, function (imageData) {
//Process the image string.
console.log(imageData);
});
} else {
alert("Please select an image.");
}
};

希望这对您有所帮助。如果您有任何问题,请告诉我。

关于javascript - Phonegap 编码图像 base64,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14286014/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com