Estou utilizando a biblioteca jpgcam para tirar uma foto com a webcam, a princípio tira a foto, normal, o que eu preciso, é que após tirar a foto, ele pegue a imagem, e coloque no componente image. Aqui eu tiro a foto, está funcionando normal.
<asp:HiddenField runat="server" ID="hdfContador" Value="0" /> <asp:ModalPopupExtender ID="popWebCam" runat="server" PopupControlID="pnlPopWebCam" CancelControlID="btnFechaPopWebCam" TargetControlID="btnAcionaPopWebCam" BehaviorID="bpopWebCam"></asp:ModalPopupExtender> <asp:Button runat="server" ID="btnAcionaPopWebCam" Style="display: none;" /> <asp:Panel runat="server" ID="pnlPopWebCam" Width="320px" Height="280px" BackColor="Black"> <table style="width: 100%;" cellpadding="0" cellspacing="0"> <tr> <td style="width: 320px; height: 240px; text-align: center;" valign="top"> <script type="text/javascript"> document.write(webcam.get_html(320, 240)); </script> <input type="button" value="Configurar" class="btn btn-default" onclick="webcam.configure();" /> <input type="button" value="Capturar" class="btn btn-default" onclick="take_snapshot();" /> <input type="button" value="Reset" class="btn btn-default" onclick="webcam.reset();" /> <asp:Button runat="server" ID="btnFechaPopWebCam" class="btn btn-default" Text="Fechar" /> </td> </tr> </table> </asp:Panel>
E aqui é onde que eu quero que ela apareça, após tirar a foto e fechar o modal.
<asp:UpdatePanel ID="UpdatePanel16" runat="server"> <ContentTemplate> <span class="ImagenPerfil grid-16" runat="server"> <asp:FileUpload ID="FileUpload1" runat="server" onchange="mostraImagem(this)" /> <br /> <div id="upload_results" runat="server"> <asp:Image ID="imgImage" runat="server" Height="100px" /> </div> <div class="col-md-2"> <asp:LinkButton ID="btnAbrePopCaptura" runat="server" class="btn btn-default" OnClick="btnAbrePopCaptura_Click1">Capturar Imagem</asp:LinkButton> </div> <asp:LinkButton ID="btnRefreshFoto" runat="server" class="btn btn-default" Style="display: none" OnClick="btnRefreshFoto_Click"></asp:LinkButton> </span> </ContentTemplate> </asp:UpdatePanel>
webcam.set_api_url('Upload.aspx'); //Página de destino do arquivo capturado webcam.set_quality(90); // Qualidade do JPG (1 - 100) webcam.set_shutter_sound(true); // Toca o som de câmera webcam.set_hook('onComplete', 'my_completion_handler'); function take_snapshot() { // Captura a imagem e submete ao servidor // document.getElementById('upload_results').innerHTML = 'Realizando Upload da Foto...'; webcam.snap(); document.getElementById(' <%=btnFechaPopWebCam.ClientID%> ').click(); } function my_completion_handler(msg) { document.getElementById(' <%=btnRefreshFoto.ClientID%> ').click(); }
E esse é o código dentro do RefreshFoto:
hdfContador.Value = (Int32.Parse(hdfContador.Value) + 1).ToString(); imgImage.ImageUrl= "SessionImg.aspx?c=" + hdfContador.Value; imgImage.AlternateText = "Foto";
Como posso colocar a imagem no imgImage, para que eu possa salvar?