Comment éditer un pdf dans le navigateur et l'enregistrer sur le serveur

Ici sont les besoins, l'utilisateur doit être en mesure d'afficher téléchargé des fichiers Pdf dans le navigateur. Ils doivent être en mesure d'ajouter des notes au format PDF et enregistrer le fichier PDF mis à jour sur le serveur sans avoir à l'enregistrer sur leur ordinateur et l'ouvrir en dehors du navigateur.

Toutes les idées sur la façon d'atteindre ce sont les bienvenus.

par la façon dont je travaille avec une asp.net site web (en C#).


Je n'ai aucun contrôle sur ce que l'pdf ressemble. Il est téléchargé côté client, puis les autres utilisateurs ont besoin de visualiser et d'une note sur le dessus de la pdf.

La solution que je pensais, c'est de rendre le fichier PDF en jpeg et d'utiliser javascript pour tracer les coordonnées de l'endroit où la note devrait aller.

voici un exemple rapide de l'html et javascript qui créent le json de la note à l'aide de 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>


Alors maintenant, j'ai besoin de comprendre comment:

  • Rendre un fichier pdf en jpeg.
  • Recréer le fichier PDF de mettre des annotations sur dessus sur elle.

 

source d'informationauteur Kenneth J