Capture image crop image using jquery

Question

how to captute image crop image and upload that criped image on another page on image control usong webcam jquery in asp.net c#...???

Darshan Shah · Answer

https://www.c-sharpcorner.com/article/capture-image-from-webcam-video-usning-html5-using-javascript-and-upload-to-serv/ could help!

Bhavesh Vankar · Answer

Dear sir i have use all of this example but still not getting results. i was trying from one week when i use this type examples its run on html pages but when i try in on our asp.net c# page it will not working properly. camera is accessed but when i press capture button then image not capture on image cotrol.

Atul Warade · Answer

Hi Bhavesh, Please go through below URL it might helpful for you https://www.jqueryscript.net/other/Crop-Select-Area-From-Image-jQuery-CropSelectJs.html

Santhakumar Munuswamy · Answer

Hi Bhavesh, you can check out the link for your reference For Asp.NET with JQuery https://www.mikesdotnetting.com/article/95/upload-and-crop-images-with-jquery-jcrop-and-asp-net For JQuery with Html https://fengyuanchen.github.io/cropper/ https://www.jqueryscript.net/other/Crop-Select-Area-From-Image-jQuery-CropSelectJs.html

Bhavesh Vankar · Answer

Here is code for capture image from live webcam but occur error is The process cannot access the file path C:\CapturedImage\Image.jpg' because it is being used by another process i want to recapture image if image capture is not proper. but when i press capture button again then occur error as above. Please help me to solve it. i implement your code in my practicle but image not getting on image control.. string imgpath = "~/Capturedimage/"; //string filepath = Server.MapPath(@"\CapturedImage\"); if(File.Exists(imgpath)) { File.Delete(imgpath); } else { CropedImagePreview.Visible = false; if (!this.IsPostBack) { if (Request.InputStream.Length > 0) { using (StreamReader reader = new StreamReader(Request.InputStream)) { string hexString = Server.UrlEncode(reader.ReadToEnd()); string imagePath = "~/CapturedImage/Image.jpg"; File.WriteAllBytes(Server.MapPath(imagePath), ConvertHexToBytes(hexString)); Session["CapturedImage"] = ResolveUrl(imagePath); } } } }

Harsh Shah · Answer

Hii Bhavesh, Please check this site here give live a demo so might it whould be helpfull to you. https://www.script-tutorials.com/image-crop-plugin-using-jcrop-jquery/

Capture image crop image using jquery

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (6)