JavaScript

Subir Archivos de Imagen en Angular con API

En este proyecto veremos como subir imágenes a una Base de Datos atreves de una API, para empezar el siguiente proyecto necesitaremos varios requisitos: Tener una Base de Datos donde guardar el archivoTener un enlace o crear una API para la subida del archivo En mi caso la API tiene un modelo Archivo en el que tendra 3 campos: IDNombre de la imagenTipo Upload-File.component export class Archivo { constructor( public id: number, public nombre: string, public imagen: string ) {} } Y un repositorio el cual recibirá un objeto tipo "Archivo" y lo…continue reading →

Subir Archivos de Imagen en React

En este post se explica como se podría capturar una imagen con react, para posteriormente poder realizar con ella las acciones requeridas. Para ello empezaremos creándonos dos Componentes React: 1. FileUploader export default class FileUploader extends Component { render() { let state = this.state, props = this.props; return ( <form name="form" id="form"> </form> ); } } FileUploader.propTypes = propTypes; FileUploader.defaultProps = defaultProps; 2.Imágenes: import React, { Component } from "react"; import FileUploader from "./FileUploader"; import axios from "axios"; export default class Imagenes extends Component { uploader = React.createRef(); render() { return ( <div>…continue reading →

Encriptar/Desencriptar con Angular

En este post vamos aprender como encriptar y desencriptar mensajes que enviamos por internet, asi conseguiremos aumentar la seguridad entre usuarios y dar un valor añadido a nuestras webs Mediante unos sencillos pasos entenderemos como funciona y como podemos aplicar estos conociemientos en un pequeño proyecto para ver su funcionalidad Para enteder bien este post empezaremos ententiendo que es Encriptar y Desencriptar : Encriptar es el proceso por el cual se cifra un texto usando una clave , esta clave es un codigo de signos que se interpretan segun determinadas reglas para que…continue reading →

Enviar Emails en React

¿Se pueden enviar emails de forma nativa? La respuesta es no, React.JS no incluye los paquetes necesarios para poder enviar emails. Aparte de que React es la parte cliente (el navegador Web), por lo que no hay un servidor que esté a la escucha para realizar los envíos. En este post vamos a ver una forma de poder realizar envíos de email usando una aplicación de React como cliente web y usando ciertos paquetes para poder tener un servidor a la escucha, así cuando un usuario mande un formulario desde el cliente web…continue reading →

Despliege de aplicaciones React y/o Angular

En este post veremos como se puede desplegar una aplicación React o Angular en distintos tipos de servidor. Se enseñara como configurar el servidor correctamente para que el sistema de enrutado de las aplicaciones funcione correctamente. React y Angular tienen la particularidad que son webs de una sola página, cualquier simulación de enrutado se hace en cliente y no en servidor como una página web tradicional. Esta caracteristica requiere una configuración especial en el servidor que defina que cuando se hace una petición a quela url del servidor responda devolviendo un solo archivo…continue reading →

Action Filters en ASP.Net MVC

¿Qué son los Action Filters? Los filtros de acción se utilizan generalmente para aplicar problemas transversales como el registro, el almacenamiento en caché, la autorización, etc.El filtro de acción se puede registrar como otros filtros a nivel global, controlador o método de acción. Ejecutan código inmediatamente antes y después de llamar a un método de acción. El atributo de filtro de acción personalizado se puede crear derivando la clase ActionFilterAttribute o implementando la interfaz IActionFilter y la clase abstracta FilterAttribute.Pueden cambiar los argumentos pasados a una acción.Pueden cambiar el resultado devuelto de la…continue reading →