双向img标签通信

最新推荐文章于 2022-10-18 21:02:05 发布

dengone

最新推荐文章于 2022-10-18 21:02:05 发布

阅读量798

点赞数

文章标签： image button 服务器 xhtml javascript input

本文链接：https://blog.csdn.net/dengone/article/details/5183148

版权

使用JavaScript 动态生成标记img也可以产生http请求,进而通过查询字符串来向服务器提交数据,服务器端接收请求并处理后可动态生成图像并向客户端输出,来显示处理结果,实现了用较小的局部刷新来与服务器双向通信的目的.(源码下载地址:http://codechina.net/source/2001372)

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="image_get.aspx.cs" Inherits="image_get" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div> <input id="Button1" type="button" value="button" οnclick="sendRequest();"/> <input id="Text1" type="text" /></div> <div id="imgdiv"></div> </form> </body> </html>

服务器端处理请求代码(image.ashx):

<%@ WebHandler Language="C#" Class="image" %> using System; using System.Web; using System.Drawing; using System.Drawing.Imaging; public class image : IHttpHandler { public void ProcessRequest (HttpContext context) { //根据参数来输出图像 context.Response.ContentType = "image/gif"; Bitmap b = new Bitmap(200, 30); Graphics g = Graphics.FromImage(b); g.FillRectangle(new SolidBrush(Color.White), 0, 0, 200, 30); Font font = new Font(FontFamily.GenericSerif, 20, FontStyle.Bold, GraphicsUnit.Pixel); g.DrawString(context.Request.QueryString[0], font, new SolidBrush(Color.Blue), 20, 10); b.Save(context.Response.OutputStream, ImageFormat.Gif); context.Response.End(); } public bool IsReusable { get { return false; } } }

dengone

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
双向img标签通信

使用JavaScript 动态生成标记img也可以产生http请求,进而通过查询字符串来向服务器提交数据,服务器端接收请求并处理后可动态生成图像并向客户端输出,来显示处理结果,实现了用较小的局部刷新来与服务器双向通信的目的.(源码下载地址:http://codechina.net/source/2001372) 无标题页 <!-- functio
复制链接

扫一扫