2016-06-20 4 views
0

Wie sende ich in Angular2 Bild (Jpg, Png, GIF) an den Dienst in C# geschrieben, der Dienst tatsächlich Zeichenfolge mit Base64 GET-Methode senden, aber solange nicht gesendet werden, gibt einen Fehler 414. Wie, dann schicke die Bilder? Mit der Post? Ein anderer Weg?Wie sende ich Bilder an einen C# -Service?

HTML

<h2>Input</h2> 
<form class="input-group" id="img2b64"> 
    <input id="inputFileToLoad" type="file" onchange="encodeImageFileAsURL();" /> 
</form> 

<hr> 

<h2>Output</h2>   
<div class="output"> 
    <textarea class="form-control"></textarea><br> 
    <a></a><br><br> 
    <img><br> 
</div> 

JS-Code

function encodeImageFileAsURL(cb) { 
    return function(){ 
     var file = this.files[0]; 
     var reader = new FileReader(); 
     reader.onloadend = function() { 
      cb(reader.result); 
     } 
     reader.readAsDataURL(file); 
    } 
} 

$('#inputFileToLoad').change(encodeImageFileAsURL(function(base64Img){ 
    $('.output') 
     .find('textarea') 
     .val(base64Img) 
     .end() 
     .find('a') 
     .attr('href', base64Img) 
     .text(base64Img) 
     .end() 
     .find('img') 
     .attr('src', base64Img); 
})); 
+1

Bitte teilen Sie, was Sie bisher versucht haben. –

+0

Ich tat das gleiche wie hier http://jsfiddle.net/xztfbx1m/, das Bild wurde in base64, Variable reader.result konvertiert Ich trat als Parameter in der URL – Emerceen

Antwort

0

hatte ich die gleiche Anforderung in einer der Apps habe ich entwickelt, und ich bin das Bild zu Base64 Umwandlung und dann das Senden innerhalb des Körpers einer POST-Anfrage. Also ja, Sie sollten eine POST-Anfrage statt einer GET-Anfrage machen.

Verwandte Themen