如何将图像作为ajax参数发送

时间:2015-08-04 11:42:13

标签: javascript ajax excel web-services highcharts

我需要在excel文件中保存对象HTMLImageElement。我正在使用高图并通过getSVG方法获取图表的图像([http://willkoehler.net/2014/11/07/client-side-solution-for-downloading-highcharts-charts-as-images.html][1]中的整体流程)

现在我正在尝试将此图像写入excel文件。为了做到这一点,我需要通过webservice传递图像,但我陷入整个过程。 我试过的是以下内容:

var svg = chart.getSVG({
                 exporting: {
                     sourceWidth: chart.chartWidth,
                     sourceHeight: chart.chartHeight
                 }
             });             

             var canvas = document.createElement('canvas');
             canvas.height = render_height;
             canvas.width = render_width;

             var image = new Image;
             image.onload = function () {
                 canvas.getContext('2d').drawImage(this, 0, 0, render_width, render_height);                  
                 var data = canvas.toDataURL("image/png")
                 download(data, filename + '.png');
             };



        var dataitem= JSON.stringify({ data: image});

        $.ajax({
            type: "POST",
            contentType: "application/json;charset=utf-8",
            datatype: "json",
            data: dataitem,
            url: "FrontDesign/Sendimage",
            success: function (data) {
                 //code for success
            }
        });

我知道JSON.stringify({data:image})不是要传递的进程。有关此事的任何建议吗?

0 个答案:

没有答案