variabile in img

Cristian83 · 28 Apr 2020

Buonasera a tutti spero stia nella sezione giusta;
qualcuno di voi è così gentile da potermi far capire perche non mi genera il pdf questo codice
Grazie in anticipo.

HTML:

<html>
<head>
<title> Generare immagine con jspdf </title>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
</head>
<body>
<div id="navbar"><span>Genera pdf immagini da form</span></div>
<div id="wrapper">

        <input type="text" id="nome" value="" placeholder="Nome"><br>
        <input type="text" id="cognome" value="" placeholder="Cognome" /><br>
        <input type="text" id="nascita" value="" placeholder="Data di nascita" /><br>
        <input type="text" id="residenza" value="" placeholder="Residenza"/><br>
        <input type="text" id="civico" value="" placeholder="Civico"/><br>
        <input type="text" id="codice_fiscale" value="" placeholder="Codice fiscale"/><br>
        <input type="button" id="autcr" value="Crea"/>
    
    <script type="text/javascript">

    $('#autcr').click(function() {
        
        var doc = new jsPDF();
        var imgData ='data:image/jpeg;base64, //qui inserisco immagine  ';
        
        doc.addImage(imgData, 'JPEG',0,0,210,297);
        
        var nome = $('#nome').val();
        var cognome = $('#cognome').val();
        var nascita = $('#nascita').val();
        var residenza = $('#residenza').val();
        var civico = $('#civico').val();
        var codice_fiscale = $('#codice_fiscale').val();
        
        doc.setFontSize(26);
        doc.setTextColor(92, 76, 76);
        
        doc.text(23, 81, nome);
        doc.text(23, 122, cognome);
        doc.text(23, 162, nascita);
        doc.text(23, 202, residenza);   
        doc.text(23, 242, civico);   
        doc.text(23, 283, codice_fiscale);

        doc.save('residenza.pdf');   
    

    });
</script>
</body>
</html>

Tommy03 · 28 Apr 2020

Hai incluso JQuery?

Cristian83 · 28 Apr 2020

no, non so dove prendere la stringa

Tommy03 · 28 Apr 2020

Aggiungi questo dentro al tag head:

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Cristian83 · 28 Apr 2020

niente non funziona ti incollo il codice con le modifiche

HTML:

<html>
<head>
<title> Generare immagine con jspdf </title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
</head>
<body>
<div id="navbar"><span>Genera pdf immagini da form</span></div>
<div id="wrapper">

        <input type="text" id="nome" value="" placeholder="Nome"><br>
        <input type="text" id="cognome" value="" placeholder="Cognome" /><br>
        <input type="text" id="nascita" value="" placeholder="Data di nascita" /><br>
        <input type="text" id="residenza" value="" placeholder="Residenza"/><br>
        <input type="text" id="civico" value="" placeholder="Civico"/><br>
        <input type="text" id="codice_fiscale" value="" placeholder="Codice fiscale"/><br>
        <input type="button" id="autcr" value="Crea"/>
    
    <script type="text/javascript">

    $('#autcr').click(function() {
        
        var doc = new jsPDF();
        var imgData ='

<html>
<head> </head>
<body>
<div id="navbar"><span>Genera pdf immagini da form</span></div>
<div id="wrapper">

        <input type="text" id="nome" value="" placeholder="Nome"><br>
        <input type="text" id="cognome" value="" placeholder="Cognome" /><br>
        <input type="text" id="nascita" value="" placeholder="Data di nascita" /><br>
        <input type="text" id="residenza" value="" placeholder="Residenza"/><br>
        <input type="text" id="civico" value="" placeholder="Civico"/><br>
        <input type="text" id="codice_fiscale" value="" placeholder="Codice fiscale"/><br>
        <input type="button" id="button" value="Crea"/>
</div>
<script type="text/javascript">

    $('#button').click(function(){
        
        var doc = new jsPDF();
        var imgData = 'data:image/jpeg;base64,'';
         doc.addImage(imgData, 'JPEG',0,0,1240,1755);
        
        var nome = $('#nome').val();
        var cognome = $('#cognome').val();
        var nascita = $('#nascita').val();
        var residenza = $('#residenza').val();
        var civico = $('#civico').val();
        var codice_fiscale = $('#codice_fiscale').val();
        
        doc.setFontSize(26);
        doc.setTextColor(92, 76, 76);
        
        doc.text(23, 81,  nome);
        doc.text(23, 122, cognome);
        doc.text(23, 162, nascita);
        doc.text(23, 202, residenza);   
        doc.text(23, 242, civico);   
        doc.text(23, 283, codice_fiscale);

        doc.save('residenza.pdf');   
    

    });
</script>

</body>
</html>

Tommy03 · 28 Apr 2020

Prova cosi

HTML:

<html>
<head>
<title> Generare immagine con jspdf </title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
</head>
<body>
<div id="navbar"><span>Genera pdf immagini da form</span></div>
<div id="wrapper">

<input type="text" id="nome" value="" placeholder="Nome"><br>
<input type="text" id="cognome" value="" placeholder="Cognome" /><br>
<input type="text" id="nascita" value="" placeholder="Data di nascita" /><br>
<input type="text" id="residenza" value="" placeholder="Residenza"/><br>
<input type="text" id="civico" value="" placeholder="Civico"/><br>
<input type="text" id="codice_fiscale" value="" placeholder="Codice fiscale"/><br>
<input type="button" id="autcr" value="Crea"/></div>

<script type="text/javascript">

$('#button').click(function(){

var doc = new jsPDF();
var imgData = 'data:image/jpeg;base64,'';
doc.addImage(imgData, 'JPEG',0,0,1240,1755);

var nome = $('#nome').val();
var cognome = $('#cognome').val();
var nascita = $('#nascita').val();
var residenza = $('#residenza').val();
var civico = $('#civico').val();
var codice_fiscale = $('#codice_fiscale').val();

doc.setFontSize(26);
doc.setTextColor(92, 76, 76);

doc.text(23, 81,  nome);
doc.text(23, 122, cognome);
doc.text(23, 162, nascita);
doc.text(23, 202, residenza);
doc.text(23, 242, civico);
doc.text(23, 283, codice_fiscale);

doc.save('residenza.pdf');


});
</script>

</body>
</html>

Cristian83 · 28 Apr 2020

Perdonami ma non mi ero accorto del pasticcio con il codice l'ho postato nuovamente

HTML:

<html>
<head>
<title> Generare immagine con jspdf </title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>
</head>
<body>
<div id="navbar"><span>Genera pdf immagini da form</span></div>
<div id="wrapper">

        <input type="text" id="nome" value="" placeholder="Nome"><br>
        <input type="text" id="cognome" value="" placeholder="Cognome" /><br>
        <input type="text" id="nascita" value="" placeholder="Data di nascita" /><br>
        <input type="text" id="residenza" value="" placeholder="Residenza"/><br>
        <input type="text" id="civico" value="" placeholder="Civico"/><br>
        <input type="text" id="codice_fiscale" value="" placeholder="Codice fiscale"/><br>
        <input type="button" id="autcr" value="Crea"/>
    
<div>


<script type="text/javascript">

    $('#button').click(function(){
        
        var doc = new jsPDF();
        var imgData = 'data:image/jpeg;base64,/';
        
         doc.addImage(imgData, 'JPEG',0,0,1240,1755);
        
        var nome = $('#nome').val();
        var cognome = $('#cognome').val();
        var nascita = $('#nascita').val();
        var residenza = $('#residenza').val();
        var civico = $('#civico').val();
        var codice_fiscale = $('#codice_fiscale').val();
        
        doc.setFontSize(26);
        doc.setTextColor(92, 76, 76);
        
        doc.text(23, 81,  nome);
        doc.text(23, 122, cognome);
        doc.text(23, 162, nascita);
        doc.text(23, 202, residenza);   
        doc.text(23, 242, civico);   
        doc.text(23, 283, codice_fiscale);

        doc.save('residenza.pdf');   
    

    });
</script>

</body>
</html>

Tommy03 · 28 Apr 2020

Allora non saprei, non conosco questa libreria, pensavo fosse solo un problema che non avevi incluso JQuery

Cristian83 · 28 Apr 2020

Va bene grazie lo stesso sei stato gentilissimo

Cerca

Cerca

variabile in img

Cristian83

Utente Attivo

Tommy03

Utente Attivo

Cristian83

Utente Attivo

Tommy03

Utente Attivo

Cristian83

Utente Attivo

Tommy03

Utente Attivo

Cristian83

Utente Attivo

Tommy03

Utente Attivo

Cristian83

Utente Attivo

Discussioni simili