Base 64 Image to ocr.space API Ionic 2

Question

我正在嘗試將基本64 Jpeg發送到OCR分析的API。

API文檔可以在這裏找到https://ocr.space/ocrapi

的代碼保存圖像是在這裏：

takePicture() { 
    Camera.getPicture({ 
     destinationType: Camera.DestinationType.DATA_URL, 
     targetWidth: 1000, 
     targetHeight: 1000, 
     encodingType: Camera.EncodingType.JPEG, 
     sourceType: Camera.PictureSourceType.CAMERA, 
     allowEdit:true }).then((imageData)=>{ 
     this.base64Image = "data:image/jpeg;base64," + imageData; 
    }); 
} 

不過，我敢肯定，這是所有罰款，複製基地64串，並通過發送郵遞員工作正常。

這是我如何發送字符串到API。

post(val) { 
    let headers = new Headers(); 
    headers.append('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); 
    headers.append('apikey', 'APIKEY'); 

    let data = 'base64Image=' + val; 
    console.log(data); 
    return this.http.post('http://api.ocr.space/parse/image', data, {headers: headers}) 
     .map(response => response.json()); 
} 

基部64串傳遞給VAL變量。

給定的錯誤是：「不是有效的base64圖像，接受的base64圖像格式是'data：image /; base64'。」

奇怪的是，它在郵遞員工作正常....任何人都可以發現我做錯了什麼？

Answer 1

問題是你如何通過數據發送。如果您使用API​​調用示例查看Postman collection，則會看到base64image正在以form-data的形式發送。

但是，正如this SO answer指出，

當我們要發佈的值作爲表單POST，我們需要改變 序列化算法，並與內容 - 發佈數據類型， 「application/x-www-form-urlencoded」。

所以這個代碼應工作：

var headers = { 
    'Content-Type': 'application/x-www-form-urlencoded', 
    'apikey': 'helloworld' 
}; 
var data = { 
    'base64image': 'data:image/png;base64,iVBORw0KGgoAAAANS...' 
} 

$http({ 
    method: 'POST', 
    url: 'http://api.ocr.space/parse/image', 
    headers: headers, 
    data: data, 
    transformRequest: function(obj) { 
     var str = []; 
     for (var p in obj) 
     str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); 
     return str.join("&"); 
    }, 
    }) 

工作演示：http://plnkr.co/edit/aPO4UGng7uaMbIqrzc7J