javascript - 从使用 ajax 调用的 php 函数下载图像

Question

我有这个 ajax:

 $('.getid').on('click', function(){
        var imagename =  $(this).data("id");
        // you can make ajax call here to get data
        $.ajax({
        type: "POST",
        url: "Monitor/downloadDesiredImage",
        data: {'val' : imagename},
        dataType: "text"
        }).done(function(data) {
       console.log(data);        
       }).fail(function() {
    alert( "error" );
  });
});

这将与一个按钮一起使用，该按钮将发送 on.click 保存在 var imagename 中的 id 值，这是一个与保存在我的服务器上的图像名称相对应的字符串。

这是获取该 id 的 php 函数:

public function downloadDesiredImage() {
        $imagename = $_POST['val'];
        echo "this is my ".  $imagename;
        $file = file_get_contents('./images/'.$imagename.'.jpg', FILE_USE_INCLUDE_PATH);
        $imageData = base64_encode(($file));
        $src = 'data: '.mime_content_type($file).';base64,'.$imageData;
        echo '<img src="' . $src . '">';

    }

这将在网络响应中输出图像，但我也会得到错误:

Message: mime_content_type(): Invalid path

但我想做的是在我点击按钮后从我的服务器下载该图像。我该怎么做？谢谢!

Answer 1

mime_content_type() 需要文件名称，而不是文件本身的数据。像这样:

mime_content_type('./images/'.$imagename.'.jpg')