如何使用 JQuery / ASP.Net MVC 从 PDF 文件生成缩略图

发布于 2024-12-07 12:43:09 字数 1307 浏览 0 评论 0原文

我正在开发一个项目，该项目允许用户上传 pdf 文件，将它们存储在 SQL 数据库中，操作它们（注释、突出显示、书签、绘制、复制文本/表格/图像）并从 HTML 页面生成文件。为了完成这项工作，我选择使用 iTextSharp 进行工作，它使工作变得更容易。回到上传的文件，我从事文件上传部分的工作，我使用 ASP.Net MVC 开发了该工作，并且效果很好，但我想添加一些功能，使上传的文件在页面上看起来像文档一样每个文档的缩略图。我想知道如何生成 pdf 的缩略图并将其添加到 ASP.Net MVC 。

我尝试了这个 API，但它不能很好地与 ASP.Net MVC 配合使用 http://www.tallcomponents.com/pdfthumbnail-overview.aspx

我找到了这段代码使用 JQuery 从已上传的图像生成缩略图，此代码是长代码的一部分。我考虑通过添加另一个从 PDF 文件生成图像的函数来使用此脚本，然后使用此代码从最后一个图像制作弹出缩略图。

        $(".ImagePopLink").click(function(e) {
            e.preventDefault();
            var $ID = $(this).html();
            var $imagebase = $("#hidImageBase").val();
            var $imagesource = $imagebase + "?ID=" + $ID;
            var $imagelink = "<img style=\"width: 400px\" src=\"" + $imagesource + "\" />";
            $("#divImg").html($imagelink);
            $("#divImg").load();
            $("#PopWindow").css({ "left": $.mouseX(e), "top": $.mouseY(e) + 5 });
            $("#PopWindow").show();
        });

        $("#Close").click(function(e) {
            e.preventDefault();
            $("#PopWindow").css({ "left": "0px", "top": "0px" });
            $("#PopWindow").hide();
        });

原文

I am working on project that allows the user to upload pdf files , store them in SQL Database , manipulate them (Comment, Highlight, Bookmark, Draw, Copy Text/Table/Image)and generate the files from HTML Pages .
To do the work , I chose to work using iTextSharp, it makes the work easier.
Back to the file uploaded ,I worked on the file uploading part , I have developed the work using ASP.Net MVC, and It works very well, but I want to add some features buy making the files uploaded appear like docs on the page using thumbnails of every doc.
I wonder to know How can I generate thumbnails for pdf and add them to ASP.Net MVC .

I tried out this API , but it's not work very well with ASP.Net MVC
http://www.tallcomponents.com/pdfthumbnail-overview.aspx

I find this code using JQuery that generate thumbnails from images that are already uploaded , this code is part of long code .
I thought about using this script by adding another function that generates Images from PDF files , then using this code to making Popup thumbnails from the last image .

        $(".ImagePopLink").click(function(e) {
            e.preventDefault();
            var $ID = $(this).html();
            var $imagebase = $("#hidImageBase").val();
            var $imagesource = $imagebase + "?ID=" + $ID;
            var $imagelink = "<img style=\"width: 400px\" src=\"" + $imagesource + "\" />";
            $("#divImg").html($imagelink);
            $("#divImg").load();
            $("#PopWindow").css({ "left": $.mouseX(e), "top": $.mouseY(e) + 5 });
            $("#PopWindow").show();
        });

        $("#Close").click(function(e) {
            e.preventDefault();
            $("#PopWindow").css({ "left": "0px", "top": "0px" });
            $("#PopWindow").hide();
        });

分享到QQ

分享到微博