1

Necesito enviar una imagen que está en base 64, a la base de datos SQL server como puedo capturar la variable que tiene los datos en base 64 si esta se encuentra en una variable de Javascript para poder enviarlos desde asp.net C#.

<script type="text/javascript">

function readFile(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            var filePreview = document.createElement('img');
            filePreview.id = 'file-preview';
            // e.target.result contiene los datos base64 de la imagen cargada
            filePreview.src = e.target.result;
            console.log(e.target.result);

            var previewZone = document.getElementById('file-preview-zone');
            previewZone.appendChild(filePreview);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

var fileUpload = document.getElementById('file-upload');

fileUpload.onchange = function (e) {
    readFile(e.srcElement);
}

</script>
1

1 respuesta 1

2

Puedes enviarla por medio de una llamada ajax por medio de jquery, con el $.ajax, invocando un WebMethod definido en el codigo de la pagina

Calling ASP.Net WebMethod using jQuery AJAX

la dea es usar

$.ajax({
        type: "POST",
        url: "CS.aspx/GetCurrentTime",
        data: '{name: "' + $("#<%=txtUserName.ClientID%>")[0].value + '" }',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: OnSuccess,
        failure: function(response) {
            alert(response.d);
        }
    });

enviando el base64 en el data para que lo recibas en el servidor

[System.Web.Services.WebMethod]
public static string GetCurrentTime(string name)
{
    return "Hello " + name + Environment.NewLine + "The Current Time is: "
        + DateTime.Now.ToString();
}

con un metodo public decorado con el atributo [WebMethod]

Como observaras lo que envias desde el cliente javascript es un json alli es donde pondras el base64

8
  • data: '{name: "' + $("#<%=txtUserName.ClientID%>")[0].value + '" }' Esta Parte del codigo no la entiendo Amigo el 17 ene. 2019 a las 22:21
  • esa parte la copie del ejemplo del articulo, ese es el json que menciono, alli es donde pondrias el e.target.result, algo como ser { fielContent: base64 }, pero se supone que el valor de e.target.result lo deberias poner en alguna variable para poder accederla por fuera de readFile() el 17 ene. 2019 a las 22:31
  • Hola una pregunta en el return del metodo en mi caso como seria, yo pensaría algo como esto ** ToString()** solamente? el 18 ene. 2019 a las 14:03
  • como en tu caso solo quieres enviar desde javascript al servidor ese metodo podrias definirlo como "void" asi no devuelves nada como respuesta el 18 ene. 2019 a las 14:17
  • Muchas gracias, ya para finalizar En el data de la función, me dices que deberias poner en alguna variable para poder accederla por fuera de readFile() esa variable con el valor del e.target.result la declaro en el aspx.cs cierto ? o estoy equivocado ? el 18 ene. 2019 a las 15:06

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.