none
Guardar imagen canvas en telefono movil con aplicación Responsive RRS feed

  • Pregunta

  • Hola

    Gracias a un ejemplo encontrado aqui:

    https://www.aspsnippets.com/Articles/Convert-Save-HTML5-Canvas-to-Image-using-JavaScript.aspx

    Encuentro la manera de dibujar y guardar una imagen en el PC.

    La pregunta es:

    ¿Podria hacer lo mismo en un telefono movil si mi aplicación es Responsive?

    Gracias.


    Respuesta de foro Microsoft

    viernes, 12 de mayo de 2017 22:34

Respuestas

  • Hola

    Realmente esta mal planteada la pregunta.

    Lo que necesitaba era almacenar la imagen en el servidor, independiente si se ejecuta en un PC o un Telefono Móvil.

    Lo conseguí de la siguiente manera:

       // generate the image data
        var Pic = document.getElementById("colors_sketch").toDataURL("image/png");
        Pic = Pic.replace(/^data:image\/(png|jpg);base64,/, "")

        // Sending the image data to Server
        $.ajax({
            type: 'POST',
            url: 'Save_Picture.aspx/UploadPic',
            data: '{ "imageData" : "' + Pic + '" }',
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            success: function (msg) {
                alert("Done, Picture Uploaded.");
            }
        });

    Gracias de todas maneras .


    Respuesta de foro Microsoft


    lunes, 15 de mayo de 2017 21:31

Todas las respuestas

  • hola

    >>¿Podria hacer lo mismo en un telefono movil si mi aplicación es Responsive?

    depende

    Si tu desarrollo mobile se basa en Apache Cordova estarias haciando uso de html5 y css para desarrollar la UI, por lo tanto seria aplicable el uso de canvas

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina


    lunes, 15 de mayo de 2017 10:48
  • Hola Leandro

    Realmente no es un desarrollo movil como tal, es un sitio web convencional con la particularidad que es responsive y puedo visualizarlo en un telefono movil, la pregunta es debido a que en un pc la imagen la guardaría en una ubicacion del pc sin problema, pero en el celular no se si aplique el ejemplo del primer mensaje.


    Respuesta de foro Microsoft

    lunes, 15 de mayo de 2017 14:32
  • Hola

    Realmente esta mal planteada la pregunta.

    Lo que necesitaba era almacenar la imagen en el servidor, independiente si se ejecuta en un PC o un Telefono Móvil.

    Lo conseguí de la siguiente manera:

       // generate the image data
        var Pic = document.getElementById("colors_sketch").toDataURL("image/png");
        Pic = Pic.replace(/^data:image\/(png|jpg);base64,/, "")

        // Sending the image data to Server
        $.ajax({
            type: 'POST',
            url: 'Save_Picture.aspx/UploadPic',
            data: '{ "imageData" : "' + Pic + '" }',
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            success: function (msg) {
                alert("Done, Picture Uploaded.");
            }
        });

    Gracias de todas maneras .


    Respuesta de foro Microsoft


    lunes, 15 de mayo de 2017 21:31
  • Hola

    Me gustaría saber que haces en Save_Picture.aspx/UploadPic para guardar la imagen, ya que me encuentro trabajando en algo similar y requiero guardar imágenes.

    Muchas garcias

    martes, 12 de diciembre de 2017 16:14
  • Hola fipoha,

    Te invitamos a realizar tu consulta de manera independiente, de este modo es más fácil para los colaboradores brindarte la ayuda necesaria.

    Así se mejora el contenido de los foros.

    Gracias por usar los foros de TechNet.

    Juan
     _____

    Por favor recuerde "Marcar como respuesta" las respuestas que hayan resuelto su problema, es una forma común de reconocer a aquellos que han ayudado, y hace que sea más fácil para los otros visitantes encontrar la solución más tarde. 

    Microsoft ofrece este servicio de forma gratuita, con la finalidad de ayudar a los usuarios y la ampliación de la base de datos de conocimientos relacionados con los productos y tecnologías de Microsoft.  

    Este contenido es proporcionado "tal cual" y no implica ninguna responsabilidad de parte de Microsoft.

    martes, 12 de diciembre de 2017 16:52
    Moderador
  • Hola fipoha

    Se trata de un formulario en donde el usuario firma y la imagen de la firma se almacena en el servidor.

    Esto ya funciona, si requieres algo similar con gusto te puedo colaborar.


    Respuesta de foro Microsoft

    miércoles, 13 de diciembre de 2017 14:28
  • Hola Yulfredy

    Si, estoy trabajando en un formulario, donde con canvas capturo la firma del cliente y luego quiero enviar la firma a la base de datos, pero no comprendo muy bien en asp como hago para enviarla. Por ello te consultaba que se realiza en el metodo del archivo que tienes en la url : 'Save_Picture.aspx/UploadPic'

    Te agradezco si me puedes ayudar, tengo algo como esto:

    Partial Class GuardarFirma
        Inherits Page
    
        Shared path As String = "C:\firmas"
    
        Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
        End Sub
    
        <WebMethod()>
        Public Shared Sub UploadImage(ByVal imageData As String)
    
        End Sub

    Muchas gracias

    lunes, 18 de diciembre de 2017 17:41