variabile in img

Cristian83

Utente Attivo
16 Apr 2020
20
0
1
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

Utente Attivo
6 Giu 2018
600
55
28
17
Vicenza
Aggiungi questo dentro al tag head:
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 

Cristian83

Utente Attivo
16 Apr 2020
20
0
1
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

Utente Attivo
6 Giu 2018
600
55
28
17
Vicenza
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

Utente Attivo
16 Apr 2020
20
0
1
Perdonami ma non mi ero accorto del pasticcio con il codice l'ho postato nuovamente :confused: :confused: :confused:

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

Utente Attivo
6 Giu 2018
600
55
28
17
Vicenza
Allora non saprei, non conosco questa libreria, pensavo fosse solo un problema che non avevi incluso JQuery
 
Discussioni simili
Autore Titolo Forum Risposte Data
E Inviare variabile a PHP da ciclo in JS Javascript 0
S Variabile in post su altra pagina PHP 2
F Passare variabile a pulsante in finestra modale PHP 2
R Nome input testo+variabile PHP 1
A inserire variabile php colore in div html PHP 2
N Variabile di sessione è un array PHP7 PHP 3
A variabile non riconosciuta PHP 0
K Cambiare font size su echo stringa variabile PHP 24
B Errore unexpected '$variabile' (T_VARIABLE) in your code on line PHP 2
M Inserire variabile nella value di una hidden PHP 3
A Problema nel passare la variabile PHP 0
C [RISOLTO]Inserimento variabile php in input html PHP 20
N PDF fpdi passare variabile PHP 4
F Come passare una variabile al modal di bootstrap PHP 1
F Passare una variabile php dal DB mysql alla pagina PHP 3
M [PHP] Passare variabile di sessione con metodo GET PHP 10
S [PHP] Rendere visibile variabile di un costrutto if in un altro costrutto if PHP 1
T PHP: variabile che cambia ogni 5 giorni... PHP 3
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
L [PHP] Passare variabile PHP 3
J Passaggio variabile tra 2 file php PHP 15
Tommy03 Variabile PHP dentro a JQuery PHP 3
A [PHP] Scopo di una variabile PHP 4
M [PHP] Salvare campo di una tabella in una variabile PHP 14
B [PHP] Valore variabile non riconosciuto PHP 1
AMONRA75 [PHP] passare una variabile in una finestra MODAL PHP 1
P [PHP] $_GET non preleva variabile nell’URL PHP 4
A Php variabile immagine inesistente PHP 4
Shyson [PHP] Personalizzare variabile PHP 0
Monital Funzione php e campo database come variabile PHP 6
N [Javascript] For-loop su thead: tempo di esecuzione variabile Javascript 1
R Come creare report dinamico/variabile in Access Presentati al Forum 1
IT9-Gpp [RISOLTO] Leggere variabile restituita da success Ajax 3
E assegnare a una variabile il contenuto di un url (javascript) Javascript 0
V [PHP] Variabile modificata in un if non mantiene quel valore PHP 5
Elena Lazzarini [Magento] Prezzo variabile in base alla priorità di spedizione Magento 0
K [PHP] Paginazione Wordpress: passare variabile PHP 6
A [PHP] Passaare una variabile ad un PHP 2
A [PHP] Non prende variabile $provincia ma tutte le altre si PHP 6
P [PHP] Query con variabile PHP 2
napuleone scrivere in un file <?php $variabile PHP 1
A [PHP] Widget Meteo con località variabile PHP 0
paloppa [PHP] Dubbio print variabile PHP 27
paloppa [PHP] Dubbio valore variabile PHP 16
B Scrivere in una casella di testo una variabile PHP PHP 9
T [PHP] passare una variabile in una finestra MODAL di bootstrap PHP 3
R gestire il ritorno di una variabile con success Ajax 2
M [PHP] Mantenere variabile con datagrid nella pagina 2 PHP 1
M [MySQL] Confronto tra variabile varchar e variabile data. PHP 1
L [Javascript] Immagini dinamiche associate ad una variabile Javascript 4

Discussioni simili