使用 ImageMagick 和 jQuery 创建并显示 PDF 缩略图

Question

我有一个 PHP 脚本来创建 JPG 格式的 PDF 缩略图，如下所示；

<?php
$pdffile="test.pdf";
$info = pathinfo($pdffile);
$file_name =  basename($pdffile,'.'.$info['extension']);
exec("convert -quality 50 -border 1x1 -density 300 -bordercolor #ffffff -colorspace rgb ".$pdffile."[0] -thumbnail 200x200 ".$file_name.".jpg");
?>

字符串 $pdffile 可以替换为一些 $_POST 或 $_GET 来更改 PDF 文件。

我想要的是在网页中显示图像。如果有相同文件名的图片，则浏览器可以直接显示该图片；如果没有该图片，则浏览器可以创建图片后显示。

我正在寻找 AJAX 解决方案。 JavaScript首先将数据发送到PHP文件以检查该文件是否存在，如果存在则显示图像，否则将在创建图像后显示图像。

我有一个 4 列的表格，其中包含 4 个不同的 PDF 文件。我想一次显示 4 个缩略图，在它们相应的列中...

+-----------+-----------+-----------+-----------+
| test1.pdf | test2.pdf | test3.pdf | test4.pdf |
+-----------+-----------+-----------+-----------+

我怎样才能使用 jQuery 实现这一点？

Answer 1

设置一个服务器方法来生成图像并返回 javascript 的路径。然后更新“src”属性以指向路径。

$.ajax({
    url: [your url for your method],
    type: ["POST" | "GET"],
    success: function(url){
        $('#ImageId').attr('src',url);
    }
})