今天朋友问了我一个奇怪的需求：项目中要求图片上传到工作目录，上传后要在网页中通过<img>显示出来。图片上传后显示，在开发中常见的做法是将它图片上传到网站目录下(upload/)，如果保存到别的目录（如：d:/upload），再用<img src="d:/upload/xxx.jpg"> 是找不到图片的。

想到了两种解决方法：

第一种：给路径加上"file://" (File协议主要用于访问本地计算机中的文件)，目前只有ie下能正常显示

<img src="file:///d:/upload/xxx.jpg" />

第二种做法：创建一般处理程序（ShowLocalImg.ashx) ，再调用context.Response.WriteFile()

以下部分代码示例：

Upload.html

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body>

	<form action="Upload.ashx" method="post" enctype="multipart/form-data">

		<input type="file" name="pic" />

		<input type="submit" value="Upload" />

	</form>

</body>

</html>

Upload.ashx

public void ProcessRequest(HttpContext context)
　　{

	context.Response.ContentType = "text/html";

	HttpPostedFile file = context.Request.Files["pic"];

　　　　 if (file != null)

	{

	　　String filePath = "c:/upload/" + file.FileName;

	　　file.SaveAs( filePath );

	　　context.Response.Write(String.Format("<img src='./ShowLocalImage.ashx?path={0}' />", 
　　　　　　　　context.Server.UrlEncode(filePath)));

	}

　　}

ShowLocalImage.ashx

public void ProcessRequest(HttpContext context)

{

	context.Response.ContentType = "image/jpeg";

	String filePath = context.Request["path"];

	if (filePath != null)

	{

		if (File.Exists(filePath))

		{

			context.Response.WriteFile( filePath );

		}

	}

}

注意：如果要对图片进行定制（做成缩略图、部分显示等），则可以在ShowLocalImg.ashx中用Graphic。。

<img>标签显示本地路径的图片的.NET解决方案的更多相关文章

  1. 前端 img标签显示 base64格式的 图片

    本文链接:https://blog.csdn.net/kukudehui/article/details/80409522在做项目的时候,我从后端返回了一个base64格式的图片文件,想把它渲染在前端 ...

  2. img标签显示本地文件

    html: <img src="__IMG__/male.png" id="imgfpic1" style="height: 100%; wid ...

  3. img标签使用绝对路径无法显示图片

    说明:  图片的磁盘路径斜杠使用:右斜杠"\",而图片的网络路径使用左斜杠"/",注意加以区分. 如果这张图片属于服务器图片或者网络图片,我们必须在Img标签里 ...

  4. Atitit. IE8.0 显示本地图片预览解决方案 img.src=本地图片路径无效的解决方案

    Atitit. IE8.0 显示本地图片预览解决方案 img.src=本地图片路径无效的解决方案 1. IE8.0 显示本地图片 img.src=本地图片路径无效的解决方案1 1.1. div来完成  ...

  5. tomcat中显示本地图片①（未解决）

    <本模块文仅作为学习过程中的自我总结,有需要可参看,欢迎指导与提出建议,很多地方可能断章取义,理解不到位,虚心求学.谢谢!> 资料查阅原因:2018/7/10(做项目中显示详情页面,从数据 ...

  6. 在InternetExplorer.Application中显示本地图片

    忘记了,喜欢一个人的感觉 Demon's Blog  »  程序设计  »  在InternetExplorer.Application中显示本地图片 « 对VBS效率的再思考——处理二进制数据 Wo ...

  7. Slog71_选取、上传和显示本地图片GET ！（微信小程序之云开发-全栈时代3）

    ArthurSlog SLog-71 Year·1 Guangzhou·China Sep 12th 2018 ArthurSlog Page GitHub NPM Package Page 掘金主页 ...

  8. Android 使用ContentProvider扫描手机中的图片，仿微信显示本地图片效果

    版权声明:本文为博主原创文章,未经博主允许不得转载. 转载请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/1873 ...

  9. Android 使用开源库StickyGridHeaders来实现带sections和headers的GridView显示本地图片效果

    大家好!过完年回来到现在差不多一个月没写文章了,一是觉得不知道写哪些方面的文章,没有好的题材来写,二是因为自己的一些私事给耽误了,所以过完年的第一篇文章到现在才发表出来,2014年我还是会继续在CSD ...

随机推荐

  1. ASP.NET + MVC5 入门完整教程三 (上) ---第一个MVC项目

    https://blog.csdn.net/qq_21419015/article/details/80420815 第一个MVC应用程序 1创建MVC项目 打开VS ,File--新建--项目,选择 ...

  2. 防止不同账号之间localStorage数据错误

    set和get的时候,key后面加上用户ID

  3. 「题解」「CF1019B」The hat

    目录 题目 背景 程序输出 交互程序输入 题解 程序 题目 背景 这是一道交互题. 一共有 \(n\) 个人做成一圈,他们的编号从 \(1\) 到 \(n\). 现在每个人的手里面都有一个数字 \(a ...

  4. css之变形（transform）

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. rabbitmq快速安装（实测有效）（新版）

    rabbitMq的快速安装和使用在第二部分,第一部分就看个热闹,第二部分直接可以完成环境的搭建 如果需要资料的话可以直接来 这里 进行下载 第一部分 http://www.cnerlang.com/r ...

  6. 使用pyaudio播放无损音乐(wav)

    安装pyaudio sudo apt-get install python-pyaudio python3-pyaudio pip3 install pyaudio 执行第二步可能会遇到如下错误: 根 ...

  7. Spring - jdbcTemplate - 调试代码: PreparedStatementCreator 生成的语句, update 之后没有 自增id, 已解决

    1. 概述 解决 jdbcTemplate 下, update 结果不带 自增id 的问题 2. 场景 看书 Spring in Action 5th 3.1.4 listing 3.10 saveT ...

  8. linux 配置LVM

    1. 阿里云挂载LVM目录(创建LVM,以及配置第一块硬盘) fdisk /dev/vdb 输入 n p 1 enter enter wq pvcreate /dev/vdb1 vgcreate lv ...

  9. 2017年陕西省网络空间安全技术大赛——一维码——Writeup

    <!doctype html> 2017年陕西省网络空间安全技术大赛——一维码——Writeup 先判断下载的文件flag.png确实是png格式的图片后(binwalk, file命令均 ...

  10. Spring一些注解

    spring @component的作用详细介绍 1.@controller 控制器(注入服务) 2.@service 服务(注入dao) 3.@repository dao(实现dao访问) 4.@ ...