Subir y procesar archivos

Clase 23 de 35 • Curso Profesional de C# y ASP.Net 2016

Resumen

Nuestro servicio de reconocimiento de emociones necesita de una imagen. Por lo tanto, procedemos a construir un controlador que nos permita subir una imagen desde nuestra aplicación y mandarla al servicio. Anteriormente, ya habíamos construido la lógica para la respuesta que esperamos, nada como usar las herramientas de depuración para entender paso por paso que está pasando.

Gerardo Piemontese

student•

Gente lo pueden hacer funcionar:
Tienen que usar el ensamblado Microsoft.ProjectOxford.Face
Y modificar el EmotionHelper.cs

Les dejo el código de como quedaría el mismo el cs:

using EmotionPlatzi.Web.Models;
using Microsoft.ProjectOxford.Common.Contract;
using Microsoft.ProjectOxford.Emotion;
using Microsoft.ProjectOxford.Face.Contract;
using Microsoft.ProjectOxford.Face;
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Web;
using System.Collections.ObjectModel;
using System.Reflection;
using System.Threading.Tasks;

namespace EmotionPlatzi.Web.Util
{
    public class EmotionHelper
    {
        public FaceServiceClient emoClient;

        public EmotionHelper(string key)
        {
            emoClient = new FaceServiceClient(key,"https://westcentralus.api.cognitive.microsoft.com/face/v1.0");
        }

        public async Task<EmoPicture> DetectAndExtractFacesAsync(Stream imageStream)
        {
            IEnumerable<FaceAttributeType> faceAttributes = new FaceAttributeType[] {  FaceAttributeType.Emotion };
            Face[] faces = await emoClient.DetectAsync(imageStream, false, false, faceAttributes);

            var emoPicture = new EmoPicture();

            emoPicture.Faces = ExtractFaces(faces, emoPicture);

            return emoPicture;

        }

        private ObservableCollection<EmoFace> ExtractFaces(Face[] faces, EmoPicture emoPicture)
        {
           var listaFaces = new ObservableCollection<EmoFace>();

            foreach (var face in faces)
            {
                var emoFace = new EmoFace()
                {
                    X = face.FaceRectangle.Left,
                    Y = face.FaceRectangle.Top,
                    Width = face.FaceRectangle.Width,
                    Height = face.FaceRectangle.Height,
                    Picture = emoPicture

                };
                emoFace.Emotions = ProcessEmotions(face.FaceAttributes.Emotion, emoFace);
                listaFaces.Add(emoFace);

            }

            return listaFaces;
        }

        private ObservableCollection<EmoEmotion> ProcessEmotions(EmotionScores scores, EmoFace emoFace )
        {
            var emotionList = new ObservableCollection<EmoEmotion>();
            var properties = scores.GetType().GetProperties(BindingFlags.Public | BindingFlags.Instance);
            var filterproperties = properties.Where(p => p.PropertyType == typeof(float));

            var emoType = EmoEmotionEnum.Undetermined;
            foreach (var prop in filterproperties)
            {
                if(!Enum.TryParse<EmoEmotionEnum>(prop.Name, out emoType))
                    emoType = EmoEmotionEnum.Undetermined;
                var emoEmotion = new EmoEmotion();
                emoEmotion.Score = (float)prop.GetValue(scores);
                emoEmotion.EmotionType = emoType;
                emoEmotion.EmoFaceId = emoFace.Id;
                emoEmotion.Face = emoFace;

                emotionList.Add(emoEmotion);

            }

            return emotionList;
        }
    }
}```

Facundo Adrian Narvaiz

student•

La api ahora es mas entendible a simple vista con face.FaceAttributes.Emotion

juan camilo castillo saucedo

student•

thanks!

rocio mejia

student•

This API is not available anymore. now it is embeded on Face API. I need another example where I can put in practice this code

David Toca

student•

Le voy a comentar tu problema a las personas encargadas, a ver que solucion le podemos encontrar, no teniamos previsto que descontinuaran el API, aunque la parte que se enseña de como subir un archivo sigue vigente

Kenneth David Gaitan Evanks

student•

Esto quiere decir que todo el proyecto no funcionaria ??

Ramon Gajardo

student•

Juan Carlos Excelent curso, sabe quede impresionado todo lo que puedes hacer con asp.net. son muchas las opciones que ayudan a automatizar todo,. cual es la desventaja de asp.net ?. me preocupa su perfeccion, pensaron en todo.

LoganFenix

student•

¿A que se debe esto?

Se produjo una excepción de tipo 'Microsoft.ProjectOxford.Common.ClientException'.

Cognox Infra1

student•

Probablemente no tengas bien el value en el Web.config de EMOTION_KEY en el appSettings.

Fijate en es eso.

También podría ser que en el contructor de EmoUploaderController, al momento de conseguir la llave para enviarsela a EmotionHelper no lo estés haciendo bien.

Kenneth David Gaitan Evanks

student•

me da ese error. revise lo que comentan y nada, sigo con el error. alguna idea?

Noel Alejandro

student•

¿Alguien ha podido solucionar el problema de que no guarda en la base de datos? Probé en azure y en sql server y es lo mismo, no marca ningún error, sólo no pasa de:

db.EmoPictures.Add(emoPicture);
await db.SaveChangesAsync();

por lo tanto jamás llega al redireccionamiento de la página de Details. Cuando se introducen los valores manualmente si guarda los datos, pero ya con el objeto imagen se detiene.
El problema de la KEY y la api de Emotion se soluciona con lo que puso @GERARDO_10. Conectándose a la api de FaceAPI.
Y va más de medio año y platzi no ha podido arreglar estos errores, ni hacer si quiera un video de 15 minutos de streaming para explicar el cambio en la API y solucionar errores como el que comento más arriba. Me agrada platzi y no quiero ofender, pero para eso estamos pagando una suscripción, para poder tener a atención necesaria. Y no estoy pidiendo una atención individual, sino que a lo largo de los comentarios el error que menciono lo tienen o tuvieron (porque jamás se les contestó) más 5 usuarios.

Victor Alfonso Bravo Garzón

student•

A alguien le sale este error?

[HttpRequestException: El código de estado de la respuesta no indica un resultado correcto: 404 (Resource Not Found).]

En el momento de ejecutarse esta linea;

var emoPicture = await emoHelper.DetectExtracFacesAsync(file.InputStream);

Daniel Felipe Daza Gonzalez Daza

student•

muy bueno me funciono bien (Y)

Marlon Mena Mena Chable

student•

hola Juan Carlos me podrías ayudar con una base de datos para una jerarquía de roles de usuarios te lo agradecería.

Camilo Andrés González Gómez

student•

Tengo un error que no logro entender, no puede guardar en la Base de datos, pero cuando ingreso los valores manualmente si, es decir, digitandolos en los formularios.

el programa si se logra comunicar con el serviceCognitive con el código de @GERARDO_10 por que lo veo en el portal de Azure, de la misma forma cuando consulto la base de datos me devuelve lo que ha ingresado.

Me gustaría saber que pasa para seguir con el curso.

en conclusion se queda en estas lineas:

		db.EmoPictures.Add(emoPicture);
                int result = await db.SaveChangesAsync();

Camilo Andrés González Gómez

student•

Tengo un error que no logro entender, no puede guardar en la Base de datos, pero cuando ingreso los valores manualmente si, es decir, digitandolos en los formularios.

Me gustaría saber que pasa para seguir con el curso.

en conclusion se queda en estas lineas:

                db.EmoPictures.Add(emoPicture);
                int result = await db.SaveChangesAsync();

Fernando Sebastián Sanchez Cardona

student•

Para las personas que toman el curso en el comentario de @GERARDO_10 se implementa la nueva api Faces dado que la api de Emotion se dio de baja es el mismo proceso lo cambian algunos argumentos solo tiene que crear lo mismo en azure solo buscando la api Faces e implementar la url que les dan cuando crean la api en azure 😃

Camilo Andrés González Gómez

student•

Tengo un problema, cuando trata de almacenar la informacion en la base de datos se queda y no muestra ningun error ni nunguna respuesta.

Se que se envia la peticion al cognitiveService por que lopuedo ver en el Portal de Azure que se procesa la consulta, tambien se que la base de datos funciona bien por que cuando ingreso valores manual mente quedan almacenados.

la variable result nunca llega a ejecutarse y Se queda en las siguientes lineas:

		db.EmoPictures.Add(emoPicture);
                int result = await db.SaveChangesAsync();

Fercho Gutierrz

student•

Saludos, para poder suscribirme en azure me pide ingresar datos de tarjeta de credito y no la utilizo. Esto pasa cuando trato de ingresar configurar el cognitive services.
¿Que me recomienda hacer?

Daniel Conde Conde Medina

student•

Tengo el mismo caso, te agradecería me ayudaras si encontraras la solución. Gracias de antemano.

Erick Orlando Velasco Martínez

student•

El primer mes es gratis, no te preocupes por la tarjeta de credito

Jorge Luis Vilca Venegas222

student•

Ha cambiado bastante la pagina, me estoy guiando maso menos, ojala que este yendo por la opción correcta T_T

Gabriela Barrezueta

student•

Mucho C# por hoy..!! :)

Juan Carlos Bonilla González

student•

Excelente clase, me aclaro muchos conceptos y trabajar con documentos es excelente y muy útil para la vida laboral.

Ivan David Martinez Baron

student•

El ejemplo es super completo, lastima que ya el API no se encuentre disponible y no se logre ver el resultado.

Sergio Daniel Lewczuk

student•

¿Porqué recortan los videos? o solo a mi me pasa…
Porque hay cosas que pasan de alto, y pega un salto de segundos/minutos…

Rebeca Lizzet Galvàn Benitez

student•

Cambia de servidor 😃

Asier Sánchez Martín

student•

Hola, a mi me hace todo correcto hasta el RedirectToAction que no lo hace…

Probé con el código

return RedirectToAction("Details", "EmoPictures", new { id = emoPicture.Id });

y simplemente con este código y tampoco

return RedirectToAction("Index", "EmoPictures");

Alguna sugerencia?? A ver si doy con el problema y os lo cuento por si a alguno más le pasa

Rebeca Lizzet Galvàn Benitez

student•

Revisa el nombre del controlador y que en tengas ese método Details o que tipo de error te arroja ?

Jonathan Sánchez Sauce

student•

A mi tampoco me hace el redirect. Después de Debugar un poco, lo raro es que se lo haga a alguien 😄
En HTTP Cliente servidor, cuando el servidor responde, el cliente deja de escuchar. Con este método async para cargar datos, el formulario se envía, y la página se recarga. Pero el programa aún no ha llegado al redirect. Está procesando… para cuando llega, ya da igual, el cliente (navegador), ya no escucha peticiones.
Yo ahora mismo lo único que veo seria deshacer todo lo async, e implementar normalmente.

Si alguno lo soluciona, que lo diga 😉
.NET 4.5, VS2017, MVC 5.2.4, Entity 4.0

Stanley Hidalgo

student•

saludos tengo este error y no he podido solucionarlo ya he revisado y no encuentro como solucionarlo

Subir y procesar archivos

Bienvenidos

¿Qué necesito para tomar el curso?

Bienvenidos al Curso Avanzado de C#

¡Nos estamos renovando!

¡Estamos renovando este curso!

Materiales

Descarga el código del proyecto y la presentación

Conceptos avanzados de C#

Hilos y Tareas

Llamados asíncronos (async, await)

Excepciones

Creación de librerías

SOLID: Buenas prácticas y patrones para mejorar nuestro código

Fundamentos para aplicaciones empresariales

Creando nuestro proyecto ASP.net

Introducción a ASP.net

Diferencias entre ASP.Net Web Forms, MVC, Asp.Net Core

Estructura de una aplicación en ASP.net MVC

Introducción al proyecto microsoft.com/cognitive-services

Implementación de modelos y validación con Scaffolding

Base de datos en Azure y atributos para validación de restricciones

El controlador y la vista en detalle

Reconstrucción por cambios en el modelo

Creando el Home desde cero

Implementando una vista sin layouts predeterminados

Browser Link

Consumiendo Servicios de terceros

Subir y procesar archivos

n) Creando APIs con Web API

Crear dinámicamente la documentación del API

ASP.Net en Trabajo en Equipo

Publicación del sitio

Diagnóstico y optimización de aplicaciones

Conclusión

Cierre del curso

Desafío 1: Mostrar la imagen de un Emopicture

Desafío 2: Crear Controlador Web Api similar a EmoUploader

Desafío 3: Extender Controller con un Action y View

Complementos del curso

Windows presentation Foundation

Reflection

Sesiones en Vivo

Solución 01