POST yoluyla Javascript tarafından oluşturulan bir bitmap görüntüsünü nasıl gönderirsiniz?

Question

Ben javascript aracılığıyla clientside üzerinde create a dynamic bitmap, nasıl POST aracılığıyla bu gönderebilirsiniz veya GET (ve daha sonra serverside bitmap değerleri dışarıda ayrıştırmak? NodeJS PHP vs.)

Making Images Byte-by-Byte in Javascript

var src = 'data:image/bmp;base64,' + myBase64EncodedData;

itibaren

Answer 1

Böyle yazıyı kullanabilirsiniz .. getBase64Image fonksiyonu bu başvurun

HTML

<img src="whatever.jpg" id="myimage" /> 
<div id="button" data-role="button">Click on button</div> 

JS

$(function() { 
     $("#button").click(function() { 
       postImageData(); 
      }); 
    }); 

      function postImageData(){ 
var img = document.getElementById('myimage') 
var myBase64EncodedData = getBase64Image(img); 
       $.ajax({ 
        type: 'POST', 
        url: 'http://same_domain_url.com/', 
        data: { 
         'imagedata': myBase64EncodedData 
          }, 
        success: function(msg){ 
         console.log('posted' + msg); 
        } 
       }); 
      } 

php

$imagedata=$_POST['imagedata']; 

SOsoruGet image data in JavaScript?

Answer 2

Yalnızca temel 64 verilerini yükleyin. Bunu sunucu tarafındaki formda istediğiniz gibi bölüştürün.

HTML:

<form id="uploadImage" method="POST"> 
    <input type="hidden" name="imageData64" id="imageData64"/> 
    <input type="submit" value="upload"/> 
<form> 

JS:

document.getElementById('uploadImage').onsubmit = function() { 
    document.getElementById('imageData64').value = myBase64EncodedData; 
}; 

Yoksa bir ajax isteği ile aynı yapabilirdi.

Büyük ihtimalle GET kullanmak istemezsiniz. Kısmen uygun olmadığı için, sunucudan hiçbir şey almıyorsunuz. Ancak daha çok GET URL uzunluğuna bazı sınırlar koyduğundan, resim verileriniz sığmayabilir. GET'in aksine, isteğin bir kuruluşu olabileceğinden POST'un böyle bir sınırı yoktur.