测试2

在 Blazor Hybrid 应用中，Razor 组件在设备上本机运行。 组件通过本地互操作通道呈现到嵌入式 Web View 控件。 组件不在浏览器中运行，并且不涉及 WebAssembly。 Razor 组件可快速加载和执行代码，组件可通过 .NET 平台完全访问设备的本机功能。 Web View 中呈现的组件样式与平台相关，可能需要你使用自定义样式表来说明不同平台之间的呈现差异。

如何在Blazor Hybrid中读取本地图片展示？

在Blazor Hybrid经常遇到一些读取选中的图片并且渲染，但是文件的目录在Blazor中直接src填写是无法读取到的，这个时候就可能需要将文件Copy到wwwroot中，或者将其转换Base64放入到html中，但是base64转换图片是很长的一串字符串，这样可能会导致渲染可能卡扽，所以我们将使用js提供的功能去实现，其实在Blazor Hybrid为了兼容，可以采用js提供的部分功能实现，效果更好，

创建一个Winform项目

示图：

添加 Microsoft.AspNetCore.Components.WebView.WindowsFormsNuGet包

dotnet add package Microsoft.AspNetCore.Components.WebView.WindowsForms

修改项目文件的属性

打开BlazorHybrid.csproj项目文件，将Microsoft.NET.Sdk 修改成Microsoft.NET.Sdk.Razor

<Project Sdk="Microsoft.NET.Sdk.Razor">

创建 _Imports.razor文件，添加以下代码

@using Microsoft.AspNetCore.Components.Web
@using Microsoft.AspNetCore.Components.Routing

创建wwwroot文件夹

创建wwwroot/index.html文件，添加以下代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>WinFormsBlazor</title>
    <base href="/" />
    <link href="css/app.css" rel="stylesheet" />
    <link href="WinFormsBlazor.styles.css" rel="stylesheet" />
</head>

<body>

    <div id="app">加载中...</div>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">
    

  
内容来源于网络如有侵权请私信删除

  

  
        

      
文章来源: 博客园

  
      

      原文链接:
      
        https://www.cnblogs.com/hejiale010426/p/17073079.html
      
    

  

       
        

 
  标签：
                        HTML
                                HTML5
              

        

         	
      
    
      
    
                

  


                
        	

    你还没有登录，请先登录或注册！
  


        
    
      
  • 还没有人评论，欢迎说说您的想法！
    • 
  


        
        


  

    
相关课程

  

  

    

      

                                              

            

  

    
    
               	
                     
          
        
           
       
      
       
    
  

  

    

      
        云知梦-HTML5网页标签
      
    

    

    	 
      4591
                 
      



  	0元 
  	      	  	     
                  限免
              
 	 	    

  


          

                                                

            

  

    
    
               	
                     
          
        
           
       
      
       
    
  

  

    

      
        HTML5网页标签
      
    

    

    	 
      3921
                 
      



  	0元 
  	      	  	     
                  限免