Image显示服务器上任意绝对路径下的图片(采用二
实现概述:为了实现这一需求,我们不能简单地将Image控件的URL直接设置为数据库中的绝对路径。我们需要通过编程方式读取图片文件,将其转化为二进制流,并将这个二进制流发送到前端页面进行展示。以下是具体步骤和代码示例。
一、数据库中的照片路径
数据库存储的是照片的绝对路径,这些路径可能不在系统所在的路径下。我们需要确保数据库中的路径准确无误。
二、前端页面布局
前端页面包含一个按钮和一个Image控件。按钮用于触发加载图片的操作,而Image控件用于展示图片。
HTML代码示例:
```html
function ShowP(obj) {
$("Image1")[0].src = "ShowPic.aspx?URL=" + obj.id; // 根据按钮属性传递图片路径到后台处理页面
}
```
三、后台处理页面(ShowPic.aspx)
在后台处理页面中,我们需要根据前端传递的图片路径读取图片文件,将其转化为二进制流,然后写入响应流中。此处需要注意的是文件读取和流处理的方式。代码示例如下:
```csharp
public partial class ShowPic : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
string strUrl = Request.QueryString["URL"]; // 获取前端传递的图片路径参数
try
{
// 以二进制方式读取文件内容到byte数组
byte[] photo = File.ReadAllBytes(strUrl);
// 将byte数组写入响应流中,以便前端能够正确显示图片
Response.BinaryWrite(photo);
}
catch (Exception ex)
{
// 异常处理...
}
}
}
}
```注意:在实际应用中,我们还需要考虑文件的访问权限、文件不存在等情况的处理。为了提高性能和用户体验,可以考虑使用缓存机制来缓存已经读取的图片数据。关于JavaScript传参部分,建议通过调试工具了解DOM结构,以便更准确地操作DOM元素和传递参数。在实现动态加载图片的过程中,我们需要综合考虑各种情况并妥善处理。
编程语言
- Image显示服务器上任意绝对路径下的图片(采用二
- PHP排序算法之希尔排序(Shell Sort)实例分析
- jsp中点击图片弹出文件上传界面及实现预览实例
- Radio 单选JS动态添加的选项onchange事件无效的解决
- JS判断图片是否加载完成方法汇总(最新版)
- php调用云片网接口发送短信的实现方法
- 微信小程序 图片宽高自适应详解
- 使用ASP实现网站的“目录树”管理的代码
- zf框架的registry(注册表)使用示例
- JSP之plugin的使用
- 让html元素随浏览器的大小自适应垂直居中的实现
- 浅谈JQ中mouseover和mouseenter的区别
- jQuery鼠标事件汇总
- php利用imagemagick实现复古老照片效果实例
- vue-quill-editor+plupload富文本编辑器实例详解
- jQuery中unbind()方法用法实例