.NET下Http请求图片显示在页面上

最新推荐文章于 2024-05-01 01:08:41 发布
最新推荐文章于 2024-05-01 01:08:41 发布
阅读量1.1k 收藏
点赞数
文章标签： .net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDN_wcy/article/details/130682162
版权
文章介绍了两种将HTTP返回的图片数据绑定到网页上的方法。一种是直接在HTML中使用Base64编码的图片，另一种是通过JavaScript发送请求获取图片并动态设置到标签的src属性。示例代码分别基于.NETCore和.NETFramework4.8实现。
摘要由CSDN通过智能技术生成

如题，有两种方式

方式一：

<img>标签里直接base64.

<div>
    <img src="data:image/jpg;base64,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" style="width:90px;border-radius:50%;margin-top:10px;"/>
</div>

方式二：

通过JS发送http请求绑定到<img>标签的src上。

<div id="CheckNameModal">
    <img src="" style="width:90px;border-radius:50%;margin-top:10px;"/>
</div>

<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  var NomineeEID="san.zhang";
  var imgurl = '/Home/ProfilePic?eid=' + NomineeEID;
  $("#CheckNameModal img").attr("src", imgurl);
});
</script>
</head>

后台方法通过直接读取流：

//HomeController下的方法
public void ProfilePic(string eid)
{
    UniversalHumanServiceUtils.GetProfilePic("zhangsan", "zhangsan", HttpContext);
}

Util工具类UniversalHumanServiceUtils下的方法（.NetCore下）：

public static void GetProfilePic(string eid, string currUserEid, HttpContext httpContext)
{
    var base64String = "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";
    httpContext.Response.Clear();
    if (!string.IsNullOrWhiteSpace(base64String))
    {
        // Convert base 64 string to byte[]
        byte[] bytes = Convert.FromBase64String(base64String);
        httpContext.Response.Headers.Clear();
        httpContext.Response.Headers.Add("Content-Length", bytes.Length.ToString());
        httpContext.Response.ContentType = "image/jpeg";
        httpContext.Response.Headers.Add("Content-Disposition", "inline; filename=" + eid);
        httpContext.Response.Body.WriteAsync(bytes, 0, bytes.Length);
    }
}

.NetCore下Demo效果图：

 

Util工具类UniversalHumanServiceUtils下的方法（Framework4.8下）：

public static void GetProfilePic(string eid, string currUserEid, HttpResponseBase httpResponseBase)
{
    var base64String = "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";
    httpResponseBase.Clear();
    httpResponseBase.ClearContent();
    if (!string.IsNullOrWhiteSpace(base64String))
    {
        // Convert base 64 string to byte[]
        byte[] bytes = Convert.FromBase64String(base64String);
        httpResponseBase.ClearHeaders();
        httpResponseBase.AddHeader("Content-Length", bytes.Length.ToString());
        httpResponseBase.ContentType = "image/jpeg";
        httpResponseBase.AddHeader("Content-Disposition", "inline; filename=" + eid);
        httpResponseBase.Cache.SetCacheability(HttpCacheability.Public);
        httpResponseBase.Cache.SetRevalidation(HttpCacheRevalidation.AllCaches);
        httpResponseBase.Cache.SetNoTransforms();
        httpResponseBase.Cache.SetETag(eid);
        httpResponseBase.Cache.SetMaxAge(new TimeSpan(0, 5, 0));
        httpResponseBase.Cache.SetExpires(DateTime.Now.AddMinutes(5));
        httpResponseBase.OutputStream.Write(bytes, 0, bytes.Length);
        httpResponseBase.Flush();
        httpResponseBase.End();
    }
}

 

Framework4.8下Demo效果图：

总结：以上就是两种绑定http返回图片的方法，第一种方式易于理解，第二种方式如果不明白请了解一下HttpResponse。

仅供学习参考，如有侵权联系我删除

醉酒的李白、
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
.NET从服务器获取图片
qq_16425237的博客
12-19 1499
stringfilePath = "http://.../test.jpg"; //服务器图片地址 WebRequestwebRequest = WebRequest.Create(oauth.Photo); HttpWebRequestrequest = webRequest as HttpWebRequest; WebResponse response= request.GetRespo
Linux下socket搭建HTTP服务器完成图片显示
SharingOfficer的博客
12-07 1111
1. 前言 这篇文章作为Linux下socket(TCP)网络编程的练习，使用C语言代码搭建一个简单的HTTP服务器，完成与浏览器之间的交互，最终在浏览器上显示一张图片；通过这个例子可以巩固socket里多线程使用，也可以方便学习了解HTTP协议。 2. HTTP协议介绍 HTTP协议本身是基于TCP通信协议来传递数据(HTML 文件, 图片文件-也叫超文本传输协议)，HTTP协议必须工作在客户端-服务端架构上(本身底层就是TCP)，HTTP 默认端口号为 80(浏览器访问默认就是80端口)，但是你也
C# net6使用ImageSharp绘图并展示
mingjing941018的博客
05-23 3163
net 6不再使用Bitmap生成图片，可以使用ImageSharp
慈爱虚坤，ikun代码
2201_75325789的博客
12-25 2298
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"> <title>菜虚鲲跳跳乐</title> <link rel
Http请求图片显示
清茶的博客
06-22 1139
<br />public Image byteArrayToImage()    <br />{        <br />WebRequest myWebRequest = WebRequest.Create("图片地址");        <br />using (WebResponse myWebResponse = myWebRequest.GetResponse())        <br />{            using (Stream ReceiveStream = myWebResp
ASP.NET中图片显示方法实例
10-23
在***中实现图片显示，主要涉及到以下几个方面的知识点： 1. 文件路径处理：在***中，显示图片通常需要指定图片的路径。在文章中提到，图片路径是由数据库中获取的。这是因为图片往往保存在服务器的特定目录下，...
asp.net显示图片到指定的Image控件中 具体实现
10-26
通过以上步骤，当 teacherdetial.aspx 页面被请求时，Image 控件会引用 pic.aspx 页面作为图片的来源，pic.aspx 页面会从数据库中读取图片数据并以二进制形式输出，最终实现将图片显示在 Image 控件上的目的。...
ASP.NET实现个人信息注册页面并跳转显示
10-21
在这个案例中，我们将讨论如何使用ASP.NET实现一个个人信息注册页面，并在用户提交信息后跳转到新页面显示这些信息。 首先，我们需要创建一个新的MVC项目。ASP.NET MVC（Model-View-Controller）是一种设计模式，它...
asp.net+FCKeditor上传图片显示叉叉图片无法显示的问题的解决方法
10-28
通过以上知识点，我们可以得出结论：解决***结合FCKeditor上传图片显示叉叉的问题，关键在于正确配置FCKeditor在web.config中的BasePath和UserFilesPath，并确保服务器端文件夹路径正确且具有相应的写入权限。...
asp.net实现上传图片后并显示
07-27
在ASP.NET中实现上传图片并在页面上显示是一个常见的需求，主要涉及到文件上传、图像处理以及前端展示等技术。以下是对这个主题的详细说明： 一、ASP.NET文件上传基础 ASP.NET提供了一些内置的控件和类来支持文件...
使用.NET WEBAPI开发PDF转图片接口Demo
01-26
在.NET框架中，WebAPI是一种用于构建RESTful服务的强大工具，它可以轻松地处理HTTP请求并提供数据响应。在这个“使用.NET WebAPI开发PDF转图片接口Demo”中，我们将探讨如何利用.NET技术栈来创建一个API，该API能够...
asp.net 使用ckeditor5富文本编辑器包含图片上传全部代码
03-11
在ASP.NET中，我们可以使用C#编写控制器处理图片上传请求。创建一个新的控制器，如`UploadController`，并在其中定义一个`UploadImage`方法，接收POST请求： ```csharp [HttpPost] public ActionResult UploadImage...
asp.net juqery 上传图片并显示
07-06
6. 图片显示：前端接收到服务器响应后，可以动态创建`<img>`元素，将其`src`属性设置为服务器返回的图片URL，实现实时预览。如果需要即时显示，可以使用`base64`编码的图片数据，将其嵌入到`<img>`标签的`src`属性中...
c# .net 生成图片验证码的代码
10-30
- **保存图片到HTTP响应**：最后，将`Bitmap`对象写入HTTP响应，以便在浏览器中显示。 3. **具体代码解析**： - `checkcode`类是生成验证码的主要类，包含了验证码生成的逻辑。 - `Page_Load`事件处理程序中调用...
ASP.NET中HTML页面的访问验证设置方法
10-23
在***中，HTML页面默认不受***框架的访问验证机制的控制，这是因为IIS（Internet Information Services）在处理静态文件如HTML、图片、文本文件等请求时，不会将请求转交给***处理。这就导致了即使HTML页面位于需要...
java获取https图片_利用HttpURLConnection实现从网上获取图片资源并显示在屏幕上
weixin_28681719的博客
02-17 784
package com.example.day06_ex_02;import java.io.FileInputStream;import java.net.HttpURLConnection;import java.net.MalformedURLException;import java.net.URL;import android.os.AsyncTask;import android.os...
2024年最全Linux下socket搭建HTTP服务器完成图片显示(1)
最新发布
m0_55030688的博客
05-01 805
printf(“连接的客户端IP地址:%s\n”,inet_ntoa(client_addr.sin_addr));printf(“连接的客户端端口号:%d\n”,ntohs(client_addr.sin_port));// 端口号0~65535。2、在工作中，运维人员经常需要跟运营人员打交道，请问运营人员是做什么工作的?6、Squid、Varinsh和Nginx有什么区别，工作中你怎么选择?
Linux下搭建简易的HTTP服务器完成图片显示
04-12 2133
篇文章作为Linux下socket(TCP)网络编程的练习，使用C语言代码搭建一个简单的HTTP服务器，完成与浏览器之间的交互，最终在浏览器上显示一张图片；通过这个例子可以巩固socket里多线程使用，也可以方便学习了解HTTP协议。
.NET动态请求图片流
zhulongxi的博客
11-15 715
public FileContentResult GetImage(Int64 MetadataID = 0) { BLL.Metadata metadata = new BLL.Metadata(); Model.Metadata m = metadata.GetModel(MetadataID); if (
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值