Skip to content

Instantly share code, notes, and snippets.

@williamromero
Created August 21, 2019 05:36
Show Gist options
  • Save williamromero/1a720208466707a1eb07765197279cf6 to your computer and use it in GitHub Desktop.
Save williamromero/1a720208466707a1eb07765197279cf6 to your computer and use it in GitHub Desktop.
Upload Base 64 Image to Active Storage
var ffachada = document.querySelector('.ffachada'); // InputFile
var idData = document.querySelector('idData).innerHTML; // Crgando ID record del formulario
var formElm = document.querySelector('.edit_visitors').getAttribute('action');
var imgBSC;
ffachada.addEventListener('change', (e) => {
e.preventDefault();
var file = e.target.files[0]; // Tomamos la imagen del InputFile
var reader = new FileReader(); // Creamos un objeto FileReader
reader.readAsDataURL(file); // Codificador a Base64
reader.onload = () => {
imgBSC = reader.result;
$.ajax({
url: `/dashboard/visitors/${idData}/images`,
type: 'post',
data: {foto_fachada: imgBSC},
success: function(response) {
console.log(response)
}
});
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment