如何使用 php 和 ajax 强制下载图像而不显示它答案

【问题标题】：How to force downloading image using php and ajax without displaying it如何使用 php 和 ajax 强制下载图像而不显示它
【发布时间】：2015-01-14 13:04:30
【问题描述】：

这是生成图像的php代码

<?php    

require('class/BCGColor.php');
require('class/BCGDrawing.php');   
require('class/BCGean8.barcode.php');

$font = new BCGFontFile('font/Arial.ttf', 18);
$color_black = new BCGColor(0, 0, 0);
$color_white = new BCGColor(255, 255, 255);

// Barcode Part
$code = new BCGean8();
$code->setScale(2);
$code->setThickness(30);
$code->setForegroundColor($color_black);
$code->setBackgroundColor($color_white);
$code->setFont($font);
$code->parse($_GET['code']);

// Drawing Part
$drawing = new BCGDrawing( '' , $color_white);
$drawing->setBarcode($code);
$drawing->draw();

header('Content-Type: image/png');

$drawing->finish(BCGDrawing::IMG_FORMAT_PNG);

header('Content-Disposition: attachment; filename=file.png');    

?>

这是 HTML

<a href="#" >Click</a> <!-- I want to click here to download -->

和Js

$.ajax({
                url: "gen_barcode.php",
                type: 'GET',
                data: {code: '1234567'},
                success: function (data, textStatus, jqXHR) {
                    console.log(data)
                        $('#my_image').attr('src', 'gen_barcode.php?code=1234567');

                },
                error: function (jqXHR, textStatus, errorThrown) {
                    console.log(data)
                },

            })

            e.preventDefault();
        })

此脚本在浏览器中显示图像，但如何告诉浏览器下载它。我已经在 php 标头中使用了内容配置。但是还是不行

【问题讨论】：

pixelscommander.com/polygon/downloadjs/#.VLZqEoqsWJd 看这个演示。

标签： javascript php jquery ajax dynamic-image-generation

【解决方案1】：

图像未保存到磁盘，因为您将其显示为图像元素的src。

如果您希望浏览器将 Content-Disposition 视为浏览器将其保存在某处而不是显示它的指令，那么您需要将浏览器发送到该 URL。

你可以做的最小的改变是设置location

success: function (data, textStatus, jqXHR) {
    location = 'gen_barcode.php?code=1234567');    
},

但是用一个简单的链接替换所有的 JavaScript 会更简单。

<a href="gen_barcode.php?code=1234567">Save image</a>

【讨论】：