Capture Image by webcam getting error

Bhavesh Vankar

In my project i want to capture image all done but now its generating error and image not capturing below is my code kindly help me to solve the error.

image not getting in folder using below code. kindly please solve and suggest me good code.

on my captureimage.aspx

jquery code for capture image

"text/javascript">
var pageUrl = '<%=ResolveUrl("~/captureimage.aspx") %>';
$(function () {
Webcam.set({
width: 320,
height: 240,
image_format: 'jpeg',
jpeg_quality: 90
});
Webcam.attach('#webcam');
$("#btnCapture").click(function () {
Webcam.snap(function (data_uri) {
$("#imgCapture")[0].src = data_uri;
$("#btnUpload").removeAttr("disabled");
});
});
$("#btnCapture").click(function () {
$.ajax({
type: "POST",
url: pageUrl + "captureimage.aspx/GetCapturedImage",
data: "{data: '" + $("#imgCapture")[0].src + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (r)
{
$("[id*=imgCapture]").css("visibility", "visible");
$("[id*=imgCapture]").attr("src", r.d);
},
failure: function (response)
{
alert(response.d);
},
oncapture: function ()
{
webcam.save(pageUrl);
}
});
});
});
function capture()
{
webcam.capture();
return false;
}

my code in captureimage.cs file...

protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
if (Request.InputStream.Length > 0)
{
using (StreamReader myreader = new StreamReader(Request.InputStream))
{
string myhexString = Server.UrlEncode(myreader.ReadToEnd());
string myimageName = DateTime.Now.ToString("Image.jpg");
string myimagePath = string.Format ("~/CapturedImage/Image.jpg", myimageName);
File.WriteAllBytes(Server.MapPath(myimagePath), ConvertHexToBytes(myhexString));
Session["visitorimage"] = ResolveUrl(myimagePath);
}
}
}
}
private static byte[] ConvertHexToBytes(string hex)
{
byte[] bytes = new byte[hex.Length / 2];
for (int i = 0; i < hex.Length; i += 2)
{
bytes[i / 2] = Convert.ToByte(hex.Substring(i, 2), 16);
}
return bytes;
}
[WebMethod(EnableSession = true)]
public static string GetCapturedImage()
{
string Imageurl = HttpContext.Current.Session ["visitorimage"].ToString();
HttpContext.Current.Session["visitorimage"] = null;
return Imageurl;
}

While Click on capture button occure error

"An exception of type 'System.IO.FileNotFoundException' occurred in System.Drawing.dll but was not handled in user code "

Crop code is..

protected void btnCrop_Click(object sender, EventArgs e)
{
string FilePath = Path.Combine("~/CapturedImage/Image.jpg");
int x = Convert.ToInt32(X.Value);
int y = Convert.ToInt32(Y.Value);
int w = Convert.ToInt32(W.Value);
int h = Convert.ToInt32(H.Value);
//System.Drawing.Image image = Bitmap.FromFile(HttpContext.Current.Request.PhysicalApplicationPath + @"\CapturedImage\" + DateTime.Now.ToString("dd-MM-yy hh-mm") + ".jpg");
System.Drawing.Image image = Bitmap.FromFile(HttpContext.Current.Request.PhysicalApplicationPath + @"\CapturedImage\Image.jpg");
Bitmap bmp = new Bitmap(w, h, image.PixelFormat);
Graphics g = Graphics.FromImage(bmp);
g.DrawImage(image, new Rectangle(0, 0, w, h), new Rectangle(x, y, w, h), GraphicsUnit.Pixel);
//bmp.Save(HttpContext.Current.Request.PhysicalApplicationPath + @"\CroppedImage\" + DateTime.Now.ToString("dd-MM-yy hh-mm") + ".jpg", image.RawFormat);
bmp.Save(HttpContext.Current.Request.PhysicalApplicationPath + @"\CroppedImage\Image.jpg", image.RawFormat);
//imgCapture.ImageUrl = @"\CroppedImage\" + DateTime.Now.ToString("dd-MM-yy hh-mm") + ".jpg";
imgCapture.ImageUrl = "~/CroppedImage/Image.jpg";
}

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Bhavesh Vankar6y ago
its not working in my project i have tried above code error is solve not another error is getting as per below.

i try to upload image to another page using javascript page1 code for upload is.
and second page2 code for recieve image is :-
protected void Page_Load(object sender, EventArgs e)
        {
            // Image1.ImageUrl = "~/CroppedImage/" + Path.GetFileName(Image1.ImageUrl = "Image.jpg");
            StreamReader reader = new StreamReader(Request.InputStream);
            String Data = Server.UrlDecode(reader.ReadToEnd());
            reader.Close();
            DateTime nm = DateTime.Now;
            string date = nm.ToString("dd-MM-yy hh-mm");
            //used date for creating Unique image name
            Session["capturedImageURL"] = Server.MapPath("~/SaveImg/") + 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());
            // passing base64 string and string filename to Draw Image.
            Image1.ImageUrl=(Session["Imagename"].ToString()+ "~/SaveImg/" + Session["Imagename"].ToString());
}
The Error is "Additional information: The input is not a valid Base-64 string as it contains a non-base 64 character, more than two padding characters, or an illegal character among the padding characters."
public void drawimg(string base64, string filename)  // Drawing image from Base64 string.
        {
            using (FileStream fs = new FileStream(filename, FileMode.OpenOrCreate, FileAccess.Write))
            {
                using (BinaryWriter bw = new BinaryWriter(fs))
                {
                    byte[] data = Convert.FromBase64String(base64);
                    bw.Write(data);
                    bw.Close();
                }
            }
        }

what to do for this error ?
Darshan Shah6y ago
Hi,

Try this

https://www.c-sharpcorner.com/article/capture-image-from-webcam-video-usning-html5-using-javascript-and-upload-to-serv/
Gaggan Malik6y ago
Bigg Boss 14 Full Show All Episde in HD Today Latest Episode New,
Watch Indian Most Famous Reality Show In HD Bigg Boss 14 New Season 2020,
Host Salman Khan Bigg Boss House Ful HD by Colors Tv
Bigg Boss 14
Bigg Boss 14 Watch All Episodes Online HD
Thanks for sharing such a nice stuff
biggboss14watchlive.com