Skip to content

Instantly share code, notes, and snippets.

View koficoud's full-sized avatar
🏠
Working from home

Fernando López Moreno koficoud

🏠
Working from home
View GitHub Profile
@koficoud
koficoud / index.js
Created May 5, 2022 21:23
Vaciamos el contendor en cada carga
// guardamos la referencia del contenedor donde mostraremos la imagen
const previewEl = document.querySelector('#preview');
// guardamos la referencia del input donde se cargará la imagen
const inputEl = document.querySelector('#image');
// agregamos el escuchador para detectar cambios
inputEl.addEventListener('change', function () {
// el código dentro de esta función anónima
// se ejecutara, cada vez que se detecte un cambio
// en el input
@koficoud
koficoud / index.js
Last active May 5, 2022 21:13
Agregamos el elemento img al contener preview
// guardamos la referencia del contenedor donde mostraremos la imagen
const previewEl = document.querySelector('#preview');
// guardamos la referencia del input donde se cargará la imagen
const inputEl = document.querySelector('#image');
// agregamos el escuchador para detectar cambios
inputEl.addEventListener('change', function () {
// el código dentro de esta función anónima
// se ejecutara, cada vez que se detecte un cambio
// en el input
// guardamos la referencia del contenedor donde mostraremos la imagen
const previewEl = document.querySelector('#preview');
// guardamos la referencia del input donde se cargará la imagen
const inputEl = document.querySelector('#image');
// agregamos el escuchador para detectar cambios
inputEl.addEventListener('change', function () {
// el código dentro de esta función anónima
// se ejecutara, cada vez que se detecte un cambio
// en el input
@koficoud
koficoud / index.js
Created May 5, 2022 20:38
Agregamos un listener
// guardamos la referencia del contenedor donde mostraremos la imagen
const previewEl = document.querySelector('#preview');
// guardamos la referencia del input donde se cargará la imagen
const inputEl = document.querySelector('#image');
// agregamos el escuchador para detectar cambios
inputEl.addEventListener('change', function () {
// el código dentro de esta función anónima
// se ejecutara, cada vez que se detecte un cambio
// en el input
@koficoud
koficoud / index.js
Created May 5, 2022 20:28
Obteniendo referencia de los elementos HTML
// guardamos la referencia del contenedor donde mostraremos la imagen
const previewEl = document.querySelector('#preview');
// guardamos la referencia del input donde se cargará la imagen
const inputEl = document.querySelector('#image');
@koficoud
koficoud / index.html
Last active May 5, 2022 20:22
Formulario básico para previsualizar imagen
<form>
<!-- este elemento se llenará dinámicamente con la imagen cargada en el input -->
<div id="preview"></div>
<!-- con el atributo accept nos aseguramos de que solo se cargue una imagen -->
<input type="file" accept="image/*" id="image" />
</form>
@koficoud
koficoud / mongodb_pass_reset.md
Last active July 21, 2023 07:27 — forked from shivampip/mongodb_pass_reset.md
MongoDB shell admin password reset
  • open mongod.conf
sudo nano /etc/mongod.conf
  • Comment security
#security:
#  authroization: "enabled"