如何从www / img /加载图像并将其转换为base64（Angular / Ionic）？

Question

我正在运行一个Ionic项目，需要使用社交共享插件。 但是，要共享映像，它必须作为base64。 如何从www / img /加载图像并使用ionic / angular将其转换为base64？

Answer 1

要下载图像，请设置responseType: "arraybuffer" ：

var config = { responseType: "arraybuffer"};

var bufferPromise = $http.get(imgUrl, config).then(function(response) {
     return response.data;
}).catch(functon (errorResponse) {
     console.log("ERROR: " + errorResponse.status);
     throw errorResponse;
});

然后上传，将其转换为Blob并使用FormData API ：

var uploadConfig = { "Content-Type": undefined };

bufferPromise.then(function (buffer) {
    var blob = new Blob([buffer], {type: "image/jpeg"});
    var fd = new FormData();
    fd.append("part0", blob, "filename.jpg");
    return $http.post(uploadUrl, fd, uploadConfig);
}).then (function (response) {
    console.log("Success");
}).catch (function (errorResponse) {
    console.log("ERROR: " + errorResponse.status);
});

浏览器将使用base64自动对blob进行编码，并设置"Content-Type": "multipart/form-data" 。

对于AngularJS框架，重要的是使用配置为"Content-Type": undefined的配置，以防止框架使用"Content-Type": application/json