Hey everyone, I just uploaded JPEGCam version 1.0.4, which has some new features and performance improvements.

The library now freezes the webcam image when it submits to the server, and offers optional functions to separately capture and upload the image (so your users can take multiple snapshots, and upload the one that looks best).

Enjoy!

Works fine. But instead of resolution you may be able to fix a download instead so that the image is saved on the desktop, so maybe http://demo.turnkey-buddy.com/photo_booth/

Hi All

Is there any compatibility with Java instead of PHP for saving the image?? I'm working on plugging this into Sakai (www.sakaiproject.org) which is java-based. Classes in java seem not to recognise the content type image/jpeg easily.

Any thoughts?

hi there.

would it be possible if we can have the user enter a unique id as the filename for the image through a html text field. so, after clicking "Take Snapshot" button the data from the text field will be used as the filename.

i hope you won't mind me asking. thank you sir.

Gb!

In java although I might be wrong but if u read the InputStream? from the request and Write it to a file then the image is saved. I have tested it 10-20 times and so far the images are there but still I m not sure. Read the Servlet Specs to be sure

How do I add this to a form? I want to capture a jpg head shot for a form collecting information for an Identification Database. So what I want to do for example is collect things like "Name" "Employee Number" "EMPLOYEE PHOTO" etc. Then POST the info and upload the jpg to the server. It would be great if you could provide an example. Thanks Mark

For those wanting to use some sort of additional data, you can do it as a GET but changing the API URL. It would be nicer to work as if it were another form field, but this way does work:

Change: webcam.set_api_url( 'test.php' );

to something like:

var personName = document.getElementById('name').value;

var employeeNumber = document.getElementById('employeeNumber').value;

webcam.set_api_url('test.php?name=' + personName + '&employeenumber=' + employeeNumber);

Obviously POSTs are nicer than GETs, but at least it works.

IN JAVA:

public class FotoCapturaServlet? extends HttpServlet? {

protected void doPost(HttpServletRequest? request, HttpServletResponse? response) throws ServletException?, IOException {

int read; int i = 0; byte byteArray = new byte[(int) request.getContentLength()]; while((read=request.getReader().read()) != -1){

byteArray[i++]=(byte) read;

}

In case anyone wonders how to save the image in ColdFusion?

<cfimage source="#GetHttpRequestData().content#" destination="your-image.jpg" action="write">

Hi

Help me

I need to use JpegCam?? in my grails project, but when I make a snap, always I have javascript mistake. I don't know if the problem is in test.php, I made a function in my controller and I call this function in javascript:

<script language="JavaScript">

webcam.set_api_url( '/pruebaImages1/foto/webcam' );

webcam.set_swf_url ( '/pruebaImages1/js/webcam/webcam.swf'); webcam.set_shutter_sound(true,'/pruebaImages1/js/webcam/shutter.mp3');

webcam.set_quality( 90 ); // JPEG quality (1 - 100) webcam.set_shutter_sound( true ); // play shutter click sound

</script>

Thanks

Hi All,

I have included all the code as given above. But I am getting this error "Error: uncaught exception: Error in Actionscript. Use a try/catch block to find error." when I am clicking "Take Snapshot". Please advice me how to overcome this error.

You can see here http://www.site2preview.com/jpegcam/photo.php

Thanks in Advance

Zen2nad - how did you fix the error? I see that it works on your site. I am getting the same error here and looking for a fix.

Thanks

Nick,

I am still getting this issue. :(

Thanks

I am looking for some classic asp examples to replace the test.php file save sample that will work with the test.html.

Is there a timer?? Like click a button and wait 5 seconds till it snaps...

Hi all,

I got the below response on calling webcam.snap(). Can any one please tell me what could be the reason?

FailToSnap?

<html>

<head><title>

Get Snap

</title>

<link href="../App_Themes/Default/spell.css" type="text/css" rel="stylesheet" /><link href="../App_Themes/Default/style.css" type="text/css" rel="stylesheet" /></head>

</html>

In grails, to save image:

String filePath = "c:/image.jpg"
InputStream inputStream = request.getInputStream();

OutputStream out=new FileOutputStream (filePath);
byte[] buf = new byte [1024] ;
int len;
while((len=inputStream.read(buf))>0) out.write(buf,0,len);
out.close();
inputStream.close();

This a good.

QUESTION: How would bring in that image into Flash.

I am writing an App that aloow the visitor to do these 2 things: 1. Snap a picture of themself 2. drap an image of a hat or eye class(png) to see if it fits.

Can set the image name in php file or in the actionscript ?

Thanks

roydell2b@gmail.com

This a good.

QUESTION: How would bring in that image into Flash.

I am writing an App that aloow the visitor to do these 2 things: 1. Snap a picture of themself 2. drap an image of a hat or eye class(png) to see if it fits.

Can set the image name in php file or in the actionscript ?

Thanks

roydell2b@gmail.com

I have created an ASP file handler:

strFileName = "../usergfx/"&replace(now(),":","-")&".jpg"

a=Request.TotalBytes
b=Request.BinaryRead(a)

set BinaryStream = CreateObject("ADODB.Stream")

  BinaryStream.Type = 1 '// binary data
  BinaryStream.Open
  BinaryStream.Write b
  
  BinaryStream.SaveToFile server.MapPath(strFileName), 2 '// save to disk

  response.write server.MapPath(strFileName) '// output url

set BinaryStream = nothing

And I also found a ASP.NET file handler:

protected void Page_Load(object sender, EventArgs e)
{
    string strFile = "../usergfx/" + DateTime.Now.ToString("dd_MMM_yymmss") + ".jpg";
    FileStream log = new FileStream(Server.MapPath(strFile), FileMode.OpenOrCreate);
    byte[] buffer = new byte[1024];
    int c;
    while ((c = Request.InputStream.Read(buffer, 0, buffer.Length)) > 0)
    {
        log.Write(buffer, 0, c);
    }
    Response.Write(strFile);
    log.Close();
}

source: DaveCS2 @ http://forums.asp.net/t/1487014.aspx

Thanks for a great flash application! :)

Hello holm50

I have tried your ASP file handler (copy/paste into test.asp between <% %>), but it creates an Internal Server Error (500).

I also changed the client side code as follows: webcam.set_api_url( 'test.asp' );

I also created a new folder in same folder as test.asp called usergfx and gave windows write permissions to IUSR... and IWAM...

Can you please help?

As I make a php value or other value obtained by GET be sent to test.php and from test.php read it with php? This is make me crazy. Any help is appreciated. PS: I already read the comments by mhew ... @ gmail.com, July 16, 2009 in this wiki.

anyone had success in safari 5 and internet explorer 8?

Code with Java Backend is hosted at

http://ashwinrayaprolu.wordpress.com/2011/05/26/capture-picture-on-webpage-with-java-backend/

Anyone had any success with storing to appengine's by using blob service? or by any other way?

Thanks very much for plugin! I've done smth with it http://blog.assorium.ru/creations/photo_maker/ Wanna make translate and facebook comments for not russian people

How can i Save As the picture to my Desktop instead of Save to Server ?? Thanks in advance

Any thoughts on how to check that the client machine is actually equipped with a webcam?

my asp code:

n=now()
temp= year(n) & month(n) & day(n) & "-" & hour(n) & minute(n) & second(n)
strFileName = temp&".jpg"
a=Request.TotalBytes
b=Request.BinaryRead(a)

set BinaryStream = CreateObject("ADODB.Stream")

  BinaryStream.Type = 1 '// binary data
  BinaryStream.Open
  BinaryStream.Write b
  
  BinaryStream.SaveToFile server.MapPath(strFileName), 2 '// save to disk

  response.write strFileName '// output url

set BinaryStream = nothing

and test.html:

                function my_completion_handler(msg) {
                        // extract URL out of PHP output
                        //if (msg.match(/(http\:\/\/\S+)/)) {
                                var image_url = RegExp.$1;
                                // show JPEG image in page
                                document.getElementById('upload_results').innerHTML = 
                                        '<h1>Upload Successful!</h1>' + 
                                        '<h3>JPEG URL: ' + msg + '</h3>' + 
                                        '<img src="' + msg + '">';
                                
                                // reset camera for another shot
                                webcam.reset();
                        //}
                        //else alert("ASP Error: " + msg);
                }

It works!!! Thanks for a great flash application! and hol...@gmail.com ^^

My webcam freezes after I take more than 70 pictures. It will continue to freeze until I restart the computer before it start working again. Any help would be appreciated. Thank you

Hello everyone,

I have a problem with the given example. I didn't do anything just extracted and pasted in server's (apache server) root folder. Initially, it seems working perfectly, I can able to see myself via webcam. The real problem is, when I click "Take Snapshot", it says "Error: Movie not loaded yet".

Will anyone, give a hint or solution to solve this problem?

node.js code https://github.com/MikleSol/jpegcam-node.js

Hi, thank you very much, fine plugin. I manage to make very functional and usable user image update form to our intranet.

With iHTML the file write requires only:

<iFILE INPUT='i_priv_post' NAME='somename.jpg' OP="write">

In what encoding is the binary data sent to the server ? I'm using a different server side and having trouble decoding the POST data. Thanks

ASP.NET

<script type="text/javascript" src="webcam.js"> 
</script> 

<script language="JavaScript">
    webcam.set_quality(90); // JPEG quality (1 - 100)
    webcam.set_shutter_sound(true); // play shutter click sound
    webcam.set_stealth(true); // enable stealth mode
    webcam.set_hook('onComplete', 'my_callback_function');

    function my_callback_function(msg) {

        if (msg.indexOf("jpg")) {

            var image_url = msg.substring(0, msg.indexOf("jpg") + 3);
            // show JPEG image in page
            document.getElementById('upload_results').innerHTML =
        					'<h5>JPEG URL: ' + image_url + '</h5>' +
        					'<img src="' + image_url + '">';
        }
    }
</script>

C#

        protected void Page_Load(object sender, EventArgs e)
        {
            //check if it is a snapshot
            if (Request.ContentType.Equals("image/jpeg"))
            {

                string strFile = "";
                byte[] buffer = new byte[1024];
                string photofolder = "photofolder/";
                strFile = photofolder + DateTime.Now.ToString("yyyy-MM-dd_hh;mm;ss") + ".jpg";
            

                // save the file
                int c;
                if ((c = Request.InputStream.Read(buffer, 0, buffer.Length)) > 0)
                {

                    FileStream log = new FileStream(Server.MapPath(strFile), FileMode.OpenOrCreate);
                    log.Write(buffer, 0, c);

                    while ((c = Request.InputStream.Read(buffer, 0, buffer.Length)) > 0)
                    {
                        log.Write(buffer, 0, c);
                    }
                    log.Close();
                    Response.Write(strFile);
                    Session["lastsaved"] = strFile;
                    this.ButtonDelete.Visible = true;
                }

            }