1

Buen dia,

Tengo un tema, tengo una función que pasa una imagen a BASE64, la función servia bien, pero sin razón dejo de funcionar, no tiene logica ya que mi sintaxis es correcta, comparto mi código HTML y JS.

Paso mi imagen a base64 porque mando todo en un JSON, mi formulario y mi servico

JS

        $(document).ready(function () {

            $("#enviar").on('click', function (e) {
                e.preventDefault();
                createProduct();
            });

            function createProduct() {
                var urlswProd = "miUrlWebService";

                var sProduct1 = document.querySelector('#sProduct').value;
                var imageProduct = imagetoB64();

                console.log(imageProduct);
                var jnAddProduct = {
 
                    subCategory: sProduct1,
                    image: imageProduct
                };

                function imagetoB64() {
                    var picture = document.querySelector('#imageBrowse').files[0];
                    var reader = new FileReader();
                    reader.onloadend = function () {
                        var image64 = reader.result;
                        var block = image64.split(',');
                        image64 = block[1];
                    };
                    reader.readAsDataURL(picture);
                };

            }
        });

CODIGO HTML

<div>
<label>Imagen:</label>
<input id="imageBrowse" class="boton" name="imagen" type="file">
</div>

8
  • la variable imageProduct me marca undefined el 13 mar. 2020 a las 21:09
  • 1
    Puede ser que cambiaste de lugar a la imagen y ya no se encuentra en la posición [0].
    – Bicho
    el 13 mar. 2020 a las 21:14
  • Si imprimo un consolé.log dentro de la función reader.onloadend , si me arroja el bade64 el 13 mar. 2020 a las 21:15
  • Falta HTML por que no sé que es esto "#sProduct" y "#enviar"
    – Alvarez
    el 13 mar. 2020 a las 21:17
  • No deberías retornar image64 ?
    – Bicho
    el 13 mar. 2020 a las 21:18

0

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.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.