Capturing Image From Web Cam in ASP.Net

Great, but can you provide the complete solution folder for this, also will it work on http also or only on https

Getting error: capture is not a function.

This project is showing error for Flash Plyer "Adobe Flash player is no longer supported".

No way to use FLASH PLAYER it?s banned !

Is it based on flash player tool??? actually flash player is now stoped their services.

Hi...Great work...I modified your code to suite my requirements but when i put the pages on server it does not show any thing in capture image area ....can you help

In my case Request.InputStream.Length is 0 every time Please suggest what mistake i am doing

It work just localhost but when i publish site then it cannot work please tell me the solution .

Good article. It is working in my code, but I have a problem, I would like to take it from a TextBox, the name of the image, but when I call it, it appears to me that it has an empty string. I don't know why this is happening, can you help me with this situation? Thanks

Thanks sir its very helpful for me

Hi - when I press the Capture button, and in the Page_load event, the stream is null. I queried the request_type in Page_Load, and it is a 'GET', not 'POST' (as the js has)

How do I run on theHow do I run on the client side?When it squeaks site, it works fine, but as I squeeze the server, it does not capture the webcam on the computer. Could you help me, please. client side?When it squeaks site, it works fine, but as I squeeze the server, it does not capture the webcam on the computer. Could you help me, please.

This line an issue in asp.net <canvas id="canvas" width="320" height="240"></canvas>

Good details. Thank you bro.

Hello this code not working in masterpage in asp.net

Is this code available in VB. i need this for an old website.

This code is not run in chrome for live .net application so please suggest me

It is not working in chrome .Please suggest.

Thanks a lot for the solution but it saved the first picture i took and didn't save the ones i took after into the sqlserver. Your swift response will be highly appreciated

I am Getting Error at drawing Method

Thank you my brother

When i open this in mobile it dosn't work..

Getting data string as empty in baseimage.aspx.cs page.Any help?

Thanks a lot sir.. my problem got solved because of you....

Sir i want to add webcam in Serenity webapplication. have any idea how to capture image in serene. ?

Very Interesting bro..

I want to show live webcam streaming of other clients more than 10 on my central pc.so that all clients webcam show at my pc in one screen how can i do this.Thanks

Hello sir, an error is coming while running this code.-- a plugin is needed to display this content ... please help me to solve this problem

you are awesome

Hi Sianeshwar, I checked with browser console, I am getting following error when i connect to mysql-failed to load resources :the server uploaded with a status of 404(not found). It saying the images are missing like photoupload_header.png,photo_selected_BG123.png and logo.gif..

Hi Saineshwar,

Hi, This is the very nice article. i already used it . But one problem that when upload done then again pop up show. how to i reduce this. Pls say to me. Thanks.............

Hi,This is nice article.I tried with sql,its working fine.But i would like implement for mysql database.How can i do?

this not working when i hots application

Hi Sir i saved image in database binary format from web cam its working i run the code from visual studio the image update in database ,but i am host in server image does't upload ,

its not working in uploaded host

nice to share sir...

What steps do you follow to capture an image with dimesions 640x480

plz sent me replay

this code is working in desktop pc and not working in laptops while hosted

Does it work for IE ?

image did't update in database, same time Error not showing ,the updated successfully only throwing

Version 46.0.2490.80 m i am using only chrome version above , images saved in local folder but

Capture button on IE9 is not working can you please let me know if there is anything wrong on the below code <a href="#" onclick="javascript:webcam.capture();"> <input type="image" id="capture" onclick="javascript: document.getElementById('Submit').disabled = false;" src="images/captureBTN.png" /></a>

Pls help me i am stuck with the part of work

Hi Above Coding only used I host app in local server, the images stored local folder but its not update in database

HFUsername.Value = Request.Cookies["UserName"].Value.Trim(); StreamReader reader = new StreamReader(Request.InputStream); String Data = Server.UrlDecode(reader.ReadToEnd()); reader.Close(); DateTime nm = DateTime.Now; string date = nm.ToString("yyyymmddMMss"); //used date for creating Unique image name Session["capturedImageURL"] = date + ".jpeg"; Session["capturedImageURL"] = Server.MapPath("~/Userimages/") + date + ".jpeg"; Session["Imagename"] = date + ".jpeg"; // We can use name of image where ever we required that why we are storing in Session drawimg(Data.Replace("imgBase64=data:image/png;base64,", String.Empty), Session["capturedImageURL"].ToString()); // it is method // passing base64 string and string filename to Draw Image. if (Data != "") { // insertImagePath(Session["Imagename"].ToString(), Data.Replace("imgBase64=data:image/png;base64,", String.Empty)); //insertImagePath(Session["Imagename"].ToString(), "~/Userimages/" + Session["Imagename"].ToString()); using (FileStream fs = new FileStream(Session["Imagename"].ToString(), FileMode.OpenOrCreate, FileAccess.Write)) { using (BinaryWriter bw = new BinaryWriter(fs)) { //string WorkforceId = ViewState["WorkforceID"].ToString(); string uid = Session["WorkforceID"].ToString(); string HFQuerytype = "UpdatePhoto"; string Result = string.Empty; objBO.QueryType = HFQuerytype; byte[] data = Convert.FromBase64String(Data.Replace("imgBase64=data:image/png;base64,", String.Empty)); objBO.WorkforceId = uid; objBO.WorkforcePhoto = data; objBO.TranscationFlag = "N"; objBO.CreatedBy = HFUsername.Value.Trim(); Result = objBAL.WorkforcePhoto(objBO); if (Result.Trim() == "Success") { Session.Contents.RemoveAll(); } else { ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "alertMessage", "alert('Workforce Master - Alert failure to submit!')", true); } } } }

function UploadPic() { debugger; // generate the image data var canvas = document.getElementById("canvas"); var dataURL = canvas.toDataURL("image/png"); // Sending the image data to Server $.ajax({ type: 'POST', url: "Workforce.aspx", data: { imgBase64: dataURL }, success: function () { alert("Done, Picture Uploaded Successfully."); window.opener.location.reload(true); // reloading Parent page window.close(); window.opener.setVal(1); return false; } }); }

Hi I am using your code in my project its working local i run the code from visual studio and image stored database but i host site in server its showing image uploaded done but not updated in database pls give any solution ,

very nice example

Hi How can I pass particular employee id in ajax

thanks a lot sir ,its working superb............!

so i have set the url:"http://abc.jobandresult.com /WebCam/baseimg.aspx"

i have an subdomain abc.jobandresult.com and in this have a folder WebCam in which the Captureimage.aspx and baseimg.aspx

i have changed the url according you but not working ...i will tell you the details so plzzz help me to change the path

i have already changed the path but not working .....can u help me to change the path of this ..plzzz

please change path of url: "baseimg.aspx" of your application example : - http://abc.com/baseimg.aspx

Uploadpic() function is working fine till generate the image data but not working during sending the image data to server.

on submit button click function are calling but not jump on baseimg.aspx

have changed path of storing images and check browser console for any errors

its working on local but after host on godadday ,image is capture but not woring on submit button..plzzz help.?

hi your code is working perfectly i Want upload particular user image photo how i can pass user id from Captureimage.aspx page to baseimg.aspx file

it works fine on local. but it not working on iis 7. can you help me?

in Linkbutton1_Click put the full path string url = "/visualstudioprojectname/WebCam/Captureimage.aspx"; and add folder Userimages to the project

ok its working fine .but i want captured image in image box in my website after clicking submit button.plz help me

how to create webcam attendance application

need to do R & D on it baramee k sir

Is it possible to enhance your code to work on IE?

some code wont work in IE but Works in Google Crome And FireFox

can't work at IE?

Server Error

thanks for this code ,its works great.....

thanks for this code, mine is working perfectly well on chrome but on ie when I click on allow webcam responding don't know why

thanks sir now it`s working properly but i want to create windows application using the same so pls help how to create and save in database also print that image

thanks sit=r

sir which Visual Studio you are using

ERROR

C:\Users\akkiii\Documents\Visual Studio 2008\Projects\Webcamproject\Webcamproject\Userimages\201429150840.jpeg'.

ERROR

Server Error in '/' Application.Could not find a part of the path 'C:\Users\akkiii\Documents\Visual Studio 2008\Projects\Webcamproject\Webcamproject\Userimages\201409150844.jpeg'.

while run the project i get

OH! I got it.. Had made a mistake.. It is perfect.. Thanks a ton for such a nice code once again.. It is saving now :) I think my client wud be happy now :)

Hi Mr! I'm really happy about this coding.. I have downloaded the files you have given and it is capturing the image from webcam! But it is not saving the file.. It is saving a file of size 0 bytes.. Can you pls elaborate bit more on the saving part?? TONS of THANKS in ADVANCE..

just check js webcam reference ravi sir

hi Capture buttonis not working. Wen ever i click on Capture, its not capturing the image. I am not able to debug as well.

could you please tell me which packages needs to install in my web application .

Hello sir ,I just copy and pest the code into my demo project as per your instruction and publish that in to my server side only ,so that i can't send the link.

have u hosted demo application pls send me link in message to test

could you please tell me flash players which version I want to install on my mobile?

hello sir i tried this on mobile but it's not working ,i added flash player also

It's not working in IE

thanks RCS sir your question make me learn more

As far as I understood, to change the resolution like I need I have to re-compile the jscam.swf and it's not easy for me. Thank you anyway for your help and for your share.

RCS sir you can debug by firebug and increase the size of it . if you have any issue then please comment on it.

Hi! I had the same problem as Ali (previous comment). I need to change the resolution from 320x240 to 240x320. I already change all js files and the jscam.xml but the "video" still with 320x240. Can you help me? Thanks in advance.

Sir Igwubor Oseroke and Junior Francy Mengual i have sent you answer in message please check it

I am agree with Igwubor Oseroke it is not working with <asp:content> could you please tell us what kind of change should we made to have it works?

you need little changes in this for your requirement

Hi. i edited your captureimage.aspx and put it in <asp:Content> and it doesn't capture the images anymore. I think it has something to do with the Canvas control. Can you help me please?

Thanks for your share! It works really great. I have just a question. I wanted to change the resolution from 320x240 to 640x480 but I wasn't able to. Do you have an idea about that? Thanks

thank you for your share ^^

very thanks

tanks

<add name="ApplicationServices" connectionString="Data Source=KINDRAJ\\SQLEXPRESS;Initial Catalog=EMPDB;Integrated Security=True" providerName="System.Data.SqlClient"/> </connectionStrings>. this is my connection string

please set connection string properly and run the sql script i have provide

still getting same problem

NO. what should i write in web config file

in web config have you configured connection string

SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["Mycon"].ToString()); error is Object reference not set to an instance of an object.Please Help.

Object reference not set to an instance of an object.

on Captureimage.aspx just Replace <a href="javascript:webcam.capture();void(0);"/> with <a href="javascript:webcam.capture();"/> and check sir

I had the same problem as David Edwards (previous comment). When I click the capture button nothing happens. Can you help me?

where you kept popup window event

nice project.. everything is working well...bt when i call this aspx pages in MasterPage its not working,everytime it get refresh. plz help me soon.

it still issue send me your code to [email protected]

Yes I added the entire folder in the solution and installed Adobe Flash player but I did not see any Image to Capture using my Laptop Wecam. Please help me out.

I have downloaded the whole project and everything runs. However, I can't get the "Capture" to work. When I click the capture button, nothing happens. Any suggestions?

Have u add entire folder in solution and u have flash player installed on pc

Please Tell me what next to do for my image to appear on Captureimage.aspx page for capturing. Thanks.

Thanks for Your post. The challenge I am facing is that after clicking on the change Photo link button Adobe Flash Player settings was not ask for and I did not see any Image to Capture