通过在IE中点击一个按钮Jqplot图片下载(Jqplot image download by a

2019-10-19 09:29发布

我已经jqplot,我想下载一次点击一个按钮为JPG或PNG。 我可以用它做

$('#chartdiv').jqplotSaveImage();

(chartdiv是情节DIV)

它是工作在Chrome和Firefox的唯一。 在IE中它不是working.I尝试在IE 11。

我有镀铬另一个问题下载的镜像文件名是“下载”,并在Firefox它与延伸。第二部分有线一些名称(例如: - ka8ShgKH.part)。 有没有把情节标题作为下载文件名的方法吗?

谢谢。

$("#btnSaveImg").on("click", LoadImage);

LoadImage = function(){
    $('#chartdiv').jqplotSaveImage();
}

编辑 jqplotsaveimage功能

$.fn.jqplotSaveImage = function() {
    var imgData = $(this).jqplotToImageStr({});
    if (imgData) {
        window.location.href = imgData.replace("image/png", "image/octet-stream");
    }

};

Answer 1:

我使用jqPlot,我不得不使用上述IE中的问题,即使在Chrome中工作,我无法说出下载的图像。

我发现这种情况下力的base64下载图像和http://danml.com/download.html 。 这是工作无论是在IE和Chrome的更新版本,您可以保存图像用自己的文件名。 该download.js可用于不仅仅是图像的更多。

//include the downoad.js file from http://danml.com/download.html

<button id="dwnl-chart-1" onClick="$.fn.jqplotSaveImage('chart-1', 'chart_name">Download as image</button>

    $.fn.jqplotSaveImage = function(id, filename) {

        var imgData = $('#'+id+'-parent').jqplotToImageStr({});
        if (imgData) {
            download(imgData, filename+'.png', "image/png");
        }
    };


文章来源: Jqplot image download by a button click in IE