Tengo la approve function que necesito para enviar el valor de la imagen en formato blob. Después de recuperar el valor de la imagen, quiero convertirlo en la función de blob y enviar el formato de blob a la approve function . El usuario tiene la opción de actualizar su logotipo o simplemente usar el logotipo de obtención de imagen anterior. Cómo puedo hacer eso ? A continuación se muestra lo que probé. Pero no tuve suerte con este código.
Para recuperar el valor de la imagen, utilicé la API y la pasé a axios get para obtener el valor de la imagen. El valor de la imagen se pasa como una URL como esta http://localhost/images/logo/0d63a696abc2d5e_20210915125851.jpeg.webp . Entonces necesito obtener este valor y convertirlo en blob.
Para fines de demostración lo declaro como foto.
var myImage; var myBlob; $(document).ready(function() { getDetails(); $(".chooseLogo").click(function() { $("#upload_logo").click(); }); $("#approve").click(function() { var logoFilename = myBlob; let formData = new FormData(); formData.append('logo', logoFilename); for (var pair of formData.entries()) { console.log(pair[0] + ', ' + pair[1]); } }); }); fetch('') .then(res => res.blob()) // Gets the response and returns it as a blob .then(blob => { myBlob = blob; }); const getDetails = () => { //fetching data using axios get //get logo picture // for demonstration purpose i declare it as photo let photo = 'http://hd.wallpaperswide.com/thumbs/beast_2-t2.jpg'; $("#logo").append(`<img id="logo_photoViewer" src="${photo}" width="100" height="100">`); } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="row"> <div class="text-center"> <div class="form-group" id="logo"></div> <button type="button" class="btn btn-primary ml-4 chooseLogo">Choose logo</button> <input type="file" id="upload_logo" oninput="logo_photoViewer.src=window.URL.createObjectURL(this.files[0])" hidden> </div> </div> <br> <button type="button" id="approve" name="approve" class="btn btn-success">Approve</button> Estoy tratando de lograr un resultado como este en la consola cuando el usuario hace clic en el approve button
logo, [object File]