如何通过POST提交Javascript生成的位图图像? [英] How do you submit a Javascript generated bitmap image via POST?

问题描述

如果我在客户端上创建动态位​​图通过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>

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

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

这篇关于如何通过POST提交Javascript生成的位图图像?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！