目前,我的代码可以显示链接到每个图像的数据库中的PNG图像和注释。我意识到我还需要为PDF文件执行此操作。
如何编辑当前代码以显示PDF文档而不是PNG图像?
非常感谢任何帮助。
谢谢,
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<cfquery datasource="AccessTest" name="qTest">
SELECT P.Account, P.Image, P.Image_ID, C.Remarks, C.Users, C.Accounts, C.Date_Time
FROM PictureDB AS P
INNER JOIN CommentsDB AS C
ON C.Image_ID = P.Image_ID
ORDER BY P.Image_ID
</cfquery>
<script src="http://code.jquery.com/jquery-2.0.3.js">
</script>
<script>
$(document).ready(function(){
var images = {
<cfoutput query="qTest" group="Image_ID">
"#qTest.Image_ID#": {
"image": "#qTest.Image#",
"remarks": [
<cfoutput>
"#qTest.Users#, #qTest.Date_Time# <br> #qTest.Remarks# <br> </br>",
</cfoutput>
]
},
</cfoutput>
};
$("button").click(function(event){
event.preventDefault();
var id = $(this).data("id");
var src = images[id].image;
var desc = images[id].remarks.toString();
$("#theImage").attr("src", src).removeClass("hide");
$("#theDescription").html(desc).removeClass("hide");
});
});
</script>
</head>
<body>
<cfoutput query="qTest" group="Account">
<button data-id="#qTest.Image_ID#">
<table width="230">#qTest.Account# </table>
</button>
</cfoutput>
<img id="theImage" class="hide">
<div id="theDescription" class="hide">
</div>
</body>
</html>
答案 0 :(得分:4)
鉴于没有直接以与图像类似的方式内联显示pdf的方法,您可以考虑以下内容:
cfpdf action = "thumbnail"
与convert the pdf to a series of images。使用轮播来包含和显示“pdf”的页面会产生类似于显示单个图像以供审阅的结果,并且可能会让您保留与页面类似的外观。