Coder Social home page Coder Social logo

programadriano / dotnet-upload-webp Goto Github PK

View Code? Open in Web Editor NEW
2.0 3.0 2.0 13 KB

Nesse repositório você tem um exemplo de código demonstrando como fazer upload com .NET 5 de uma imagem e como converter ela para o formato WebP

C# 86.58% Dockerfile 13.42%

dotnet-upload-webp's Introduction

.NET 5 Upload de imagens

Nesse repositório você tem um exemplo prático demonstrando como fazer upload de imagens utilizando o .NET 5 e como converter essa imagem para WebP.

Mas o que seria esse formato WebP ?

Criado em 2010 pelo Google, o formato WebP representa imagens com a mesma qualidade em um tamanho menor. Ou seja, economiza espaço, aumenta a velocidade de uma página e não perde em qualidade. Na prática, tem como principal objetivo compactar imagens de forma mais eficiente para oferecer uma experiência mais rápida ao usuário. fonte: https://rockcontent.com/br/blog/webp/#oque

Fluxo do projeto

O projeto foi desenvolvido com uma controller simples e uma método POST.

//Pacotes importados no projeto
Install-Package System.Drawing.Common
Install-Package ImageProcessor
Install-Package ImageProcessor.Plugins.WebP
 [HttpPost]
        public IActionResult Index(IFormFile image)
        {
            try
            {
                //validação simples, caso não tenha sido enviado nenhuma imagem para upload nós estamos retornando null
                if (image == null) return null;

                //Salvando a imagem no formato enviado pelo usuário
                using (var stream = new FileStream(Path.Combine("Imagens", image.FileName), FileMode.Create))
                {
                    image.CopyTo(stream);
                }

                // Salvando no formato WebP
                using (var webPFileStream = new FileStream(Path.Combine("Imagens", Guid.NewGuid() + ".webp"), FileMode.Create))
                {
                    using (ImageFactory imageFactory = new ImageFactory(preserveExifData: false))
                    {
                        imageFactory.Load(image.OpenReadStream()) //carregando os dados da imagem
                                    .Format(new WebPFormat()) //formato
                                    .Quality(100) //parametro para não perder a qualidade no momento da compressão
                                    .Save(webPFileStream); //salvando a imagem
                    }
                }

                return Ok("Imagem salva com sucesso!");
            }
            catch (Exception ex)
            {
                return StatusCode(500, "Erro no upload: " + ex.Message);
            }

        }

Testando o projeto

O projeto esta configurado com o swagger para facilitar o teste. Basta rodar ele e enviar uma imagem do seu desktop para validar o fluxo do método post.

dotnet-upload-webp's People

Contributors

tadriano-net avatar tadrianonet avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

dotnet-upload-webp's Issues

System.Drawing.Common no Linux não funciona

Thiago, eu vi sua matéria no iMasters achei muito boa, fui fazer alguns testes e descobri que o o System.Drawing.Common não funciona em Linux, fica o aviso, no meu caso peguei isso dentro de ambiente docker/linux.
Debugando na máquina com windows funciona bem mesmo.

Segue erro que peguei nos logs:
System.Drawing.Common is not supported on non-Windows platforms. See https://aka.ms/systemdrawingnonwindows for more information.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.