[Javascript] Salvataggio immagine da webcam

[email protected]

Utente Attivo
9 Mag 2015
126
2
18
Ciao a tutti, vi chiedo una mano.

Per poter fare una sorta di Pass / Biglietti da visita vorrei riuscire ad inviare al mio DB dei dati inseriti in un form ed una foto catturata con la WebCam.

Ora per quanto riguarda inviare i dati inseriti nel form al db .... con PHP sono in grado di farlo ..... ma manco totalmente delle conoscenze per quanto riguarda il salvataggio della foto......

Cercando e ricercando in internet ho trovato lo script che potete verificare a questo link: https://www.web1105.altervista.org/xxRI/test.html

che fa egregiamente il suo lavoro di catturare la snapshot nel momento in cui si clicca sull'anteprima.

Mi aiutereste a fare in modo da mettere insieme i pezzi ....ed a fare in modo da riuscire a salvare l'immagine catturata ?!

Peregrinando ho trovato questo....

https://www.softwareone.it/didattica...photobooth.php


bellissimo e fa quello che vorrei io , scatta delle foto e te le salva in una cartella (in fondo alla pagina ci sono anche il link per il download e la demo)


MA E' SCRITTO IN JQUERY/JAVASCRIPT.....ed io li sono abbastanza ignorantello !!!!!!


..... il problema è adattarlo a quello che vorrei ottenere io, ovvero una pagina dove inserire NOME , COGNOME , QUALCHE ALTRO DATO , SCATTARE UNA FOTO e salvare il tutto sul DB per poterlo poi richiamare


.....una cosa del genere....
CattTura.JPG


Grazie mille in anticipo!
 

jonnino2004

Utente Attivo
23 Mag 2007
86
3
8
como
www.quizandoceffee.com
ciao
ho fatto una cosa simile per un paio di miei siti.
ho usato anche io webcam.js che ha il limite di usare solo la front-camera su smartphone.
un esempio di utilizzo un po' più semplice lo trovi qui https://pixlcore.com/demos/webcamjs/demos/basic.html
altro limite, questo valido sempre se vuoi usare la webcam almeno su chrome, è la richiesta di https

per salvare la foto fatta dalla webcam io ho collegato questo script a un pulsante
HTML:
        function take_snapshot() {
            // take snapshot and get image data
            $('body').html('wait...');
            Webcam.snap( function(data_uri) {
                    Webcam.upload( data_uri, 'miaPaginadiSalvataggio.php', function(code, text) {
                        window.location.href = '?p=home&p2=snap&id=<?php echo $prog_id; ?>';
                } );   
            } );
        }

lato php intercettavo l'immagine con questa riga
PHP:
if(move_uploaded_file($_FILES['webcam']['tmp_name'], $destinazione)){
 
Discussioni simili
Autore Titolo Forum Risposte Data
L [Javascript] Problema salvataggio dati in db Javascript 1
Laskot [Javascript] Registrazione e salvataggio utenti in LocalStorage Javascript 8
bubino8 [Javascript] jsPDF Con nome al salvataggio Javascript 2
A Salvataggio dati (era: funzione penso in javascript) PHP 2
M Inviare un file su un server remoto con JavaScript Javascript 0
T a href="javascript:;" Javascript 0
F Creare elementi html con javascript Javascript 2
A pulsante di update campo mysql con javascript Javascript 2
8 Javascript - PDF Form Javascript 0
B javascript per problemi con pdf e Safari Javascript 0
N informazione javascript Programmazione 0
I Eecuzione di javascript in ciclo foreach php. PHP 7
P javascript:document.forms Javascript 7
S Consiglio esercizio Javascript Javascript 2
MarcoGrazia Aggiungere o rimuovere classi in javascript Javascript 1
P Passaggio id php a javascript PHP 6
E lettura da un Database con Javascript jQuery 2
V TRIS in javascript Javascript 1
IClaude Funzione Javascript Javascript 8
Alex_70 Javascript date color Javascript 3
F Convertire JavaScript per la compatibilità nei browser obsoleti Javascript 0
I Passare dei parametri in javascript PHP 0
Shyson Meglio Javascript o HTML? Javascript 4
M Chiamare pagina php da javascript Javascript 8
M Errore JavaScript per php [objeto HTMLParagraphElement] PHP 0
D Javascript per il download dei dati Javascript 0
grgfede Problema javascript con aruba Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
I javascript come caricare una pagina sopra quella corrente in automatico Javascript 2
max1974 [Javascript] Grafico chartjs con dati da J.ajax Javascript 3
G Quiz Javascript Javascript 4
A [Javascript] Scrittura su più campi contemporaneamente Javascript 19
F classic asp popolare combo box javascript Presentati al Forum 1
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
F [Javascript] comando innerHTML non funziona Javascript 5
alexice51 proggrammi per scrivere in javascript? Javascript 3
max1974 [Javascript] Accordion aria-exspanded Javascript 0
D [Javascript] salvare immagine canvas - paypal Javascript 0
O [Javascript] Conflitto Jquery: forse... Javascript 0
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
D [Javascript] inserire uno script in un file php Javascript 6
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
K [javascript] Tecnica per rilevare celle contenenti caratteri ricevute in dinamico Javascript 1
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
S [Javascript] Problema costrutto if Javascript 0
I [Javascript] window.location.href porta alla nuova pagina e ritorna incomprensibilmente. Javascript 0

Discussioni simili