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

问题描述：

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

If I create a dynamic bitmap on the clientside via javascript, how can I submit this via POST or GET ( and then parse out values from the bitmap on the serverside? NodeJS, PHP etc )

从在Javascript中逐字节制作图像

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

答

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

You can use post like this..

HTML

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

    $(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函数，请参阅此SO问题是否使用JavaScript获取图像数据?

For getBase64Image function refer to this SO question Get image data in JavaScript?

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

相关推荐