So Bearbeiten Sie eine pdf-Datei im browser und auf dem server sichern

Hier sind die Anforderungen der Benutzer muss in der Lage sein, um hochgeladene PDF-Dokumente im browser. Sie müssen in der Lage sein, um Notizen hinzufügen, um die PDF-Datei und speichern Sie die aktualisierte PDF-Datei auf den server, ohne es vorher zu speichern auf Ihren Computer und öffnen Sie Sie außerhalb des Browsers.

Irgendwelche Ideen auf, wie dies zu erreichen, sind willkommen.

übrigens arbeite ich mit einem asp.net website (in C#).


Ich habe keine Kontrolle über die pdf-Datei aussieht. Upload auf client-Seite, dann die andere Benutzer müssen die anzeigen und Hinweise auf der Oberseite der pdf-Datei.

Die Lösung, die ich dachte, ist das Rendern der PDF zu einem jpeg und javascript verwenden, um die Koordinaten eintragen, wo der Hinweis sollte gehen.

hier ist ein kurzes Beispiel für die html-und javascript-Code zum erstellen der json-der Hinweis (mit jQuery.)

    <html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <style type="text/css">
        *
        {
            margin:0;
            padding:0;
        }
        #PDF
        {
            position:absolute;
            top:0;
            bottom:0;
            width:600px;
            height:800px;
            background:url(assets/images/gray.png) repeat;
            float:left;
        }
        #results
        {
            float:right;
        }
        .comment
        {
            position:absolute;
            border:none;
            background-color:Transparent;
            height:300px;
            width:100px;
            overflow:auto;
            float:left;
            top:0;
            right:0;
            font-family: Arial;
            font-size:12px;

        }
        div.comment
        {
            padding-top:-20px;
        }
        .comment a.button
        {
            display:block;
            padding-top:-20px;
        }
    </style>
</head>
<body>  
    <div>
        <div id="PDF"></div>

        <div id="results">

        </div>
    </div>
</body>
</html>

<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript">
    var points = [];
    $("#PDF").click(function(e) {
        if ($("textarea.comment").length == 0) {
            var that = this;
            var txt = $("<textarea class='comment'></textarea>").css({ top: e.pageY, left: e.pageX }).blur(function() { $(this).remove(); }).keypress(function(e2) {
                if (e2.keyCode == 13 && !e.shiftKey) {
                    var that2 = this;
                    $("#PDF").append($("<div class='comment'>").html(that2.value.replace(/\r/gi, "<br>")).css({ top: e.pageY, left: e.pageX }));
                    $(this).remove();
                    points.push({ "x": e.pageX, "y": e.pageY, "text": that2.value })
                    $("#results").append('{ "x": ' + e.pageX + ', "y": ' + e.pageY + ', "text": "' + that2.value + '" }<br/>');
                }
            });
            $(this).append(txt);
            txt.each(function() { this.focus(); })
        }
    }); 
</script>


So, jetzt muss ich herausfinden, wie man:

  1. Rendern von pdf zu jpeg.
  2. Erstellen Sie die PDF setzen die Anmerkungen auf Deckel.
  3. Sie sehen

    InformationsquelleAutor der Frage Kenneth J | 2010-02-18

Schreibe einen Kommentar