如何通过POST提交Javascript生成的位图图像？

Question

如果我通过javascript在客户端创建动态位​​图,我如何通过POST或GET提交它(然后从服务器端的位图解析出来的值？NodeJS,PHP等)

从Javascript中的Byte-byte制作图像

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

Answer 1

您可以使用这样的帖子..

超文本标记语言

<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'];

对于 getBase64Image 函数，请参阅此问题 Get image data in JavaScript?