February 01, 2024

How to Resize Images Before Uploading in Phoenix LiveView

271

clicks

How to Resize Images Before Uploading in Phoenix LiveView

Source: dev.to

Phoenix LiveView

The article by Anders Björkland discusses the step-by-step approach to adding the functionality of resizing user profile images before they are uploaded to a Phoenix application server. The author covers prerequisites such as having Docker, Elixir, and Mix installed, and details the process from setting up a new Phoenix application to writing custom hooks for image validation. Important topics include migration creation to update the User schema, handling file uploads with PostgreSQL, and client-side image resizing using JavaScript. The final result is an updated user settings page where users can upload and change their profile images that are resized and validated through client and server collaboration.

Continue reading

Related posts

Release of Elixir Drops 0.2.0 with Custom Types Support

Peter Solnica announces the release of Elixir Drops version 0.2.0, focusing on the enhancement of the type system with the addition of custom types and their composition.

Feb 01, 2024

Overview of PhoenixTest for Elixir

German Velasco introduces PhoenixTest, a tool for unified feature testing in Phoenix, seamlessly handling both LiveView and static pages.

Jan 31, 2024

Understanding and Utilizing GenStage for Twitter API Consumption

This article explains the concept of GenStage, its components, and how to use it to consume the Twitter API continuously. GenStage is an Elixir behavior that allows you to create a data-flow pipeline consisting of Producers, Consumers, and Producer-Consumers, each having specific roles in processing or passing along data. The article demonstrates how to build a GenStage application that persistently fetches tweets mentioning a certain topic from Twitter and discusses patterns, concurrency, and back-pressure management within the GenStage framework.

Feb 01, 2024

© HashMerge 2024