Guest User

Img not rendering

a guest
Oct 29th, 2024
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
C# 0.55 KB | None | 0 0
  1. @page "/"
  2.  
  3. <PageTitle>TESTING</PageTitle>
  4.  
  5. <h1>TestDragDrop</h1>
  6.  
  7. <div>
  8.     <InputFile OnChange="OnChange"/>
  9. </div>
  10.  
  11. <div>
  12.     <img src="@uploadedImage" alt="Alternate Text" />
  13. </div>
  14.  
  15. @code {
  16.     private string uploadedImage;
  17.  
  18.     async Task OnChange(InputFileChangeEventArgs e)
  19.     {
  20.         var file = e.File;
  21.         using var stream = file.OpenReadStream();
  22.  
  23.         using var memoryStream = new MemoryStream();
  24.  
  25.         await stream.CopyToAsync(memoryStream);
  26.  
  27.         uploadedImage = $"data:{file.ContentType};base64,{Convert.ToBase64String(memoryStream.ToArray())}";
  28.     }
  29. }
  30.  
Add Comment
Please, Sign In to add comment