最近有个需求,需要把内容生成图片,我找到一些资料可以将html页面生成图片并保存下载

下面是简单的实现

1.html页面

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

</head>

<body>

    <div>

        @if (ViewBag.type == )

        {

            <input type="button" value="保存" id="btnD" onclick="down()" />

        }

        <table>

            <tr>

                <th>Id</th>

                <th>姓名</th>

                <th>年龄</th>

            </tr>

            @foreach (var item in ViewBag.list)

            {

                <tr>

                    <td>@item.Id</td>

                    <td>@item.Name</td>

                    <td>@item.Age</td>

                </tr>

            }

        </table>

    </div>

    <script src="~/Scripts/jquery-3.3.1.js"></script>

    <script>

        function down() {

            $.ajax({

                url: "/test/GetfileName",

                type: "get",

                success: function (json) {

                    window.location.href = '/test/DownImg?fileName=' + json;

                }

            })

        }

    </script>

</body>

</html>

2.控制器

using System;

using System.Collections.Generic;

using System.Drawing;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using WebApplication2.Content;

using System.IO;

namespace WebApplication2.Controllers

{

    public class TestController : Controller

    {

        // GET: Test

        public ActionResult Index(int type=)

        {

            List<Student> list = new List<Student>();

            for (int i = ; i < ; i++)

            {

                Student stu = new Student();

                stu.Id =  + ;

                stu.Name = "张三"+i.ToString();

                stu.Age =  + i;

                list.Add(stu);

            }

            ViewBag.list = list;

            ViewBag.type = type;

            return View();

        }

        public string GetfileName()

        {
　　　　　　　　//调用

            Bitmap m_Bitmap = WebSnapshotsHelper.GetWebSiteThumbnail("http://localhost:64806/Test/Index?type=1", 800, 1200, 800, 1200); //宽高根据要获取快照的网页决定

            var path = Server.MapPath("/Content/img/");

            if (!Directory.Exists(path))

                Directory.CreateDirectory(path);

            var fileName =Guid.NewGuid()+ ".jpeg";

            m_Bitmap.Save(path + fileName, System.Drawing.Imaging.ImageFormat.Jpeg); //图片格式可以自由控制

            return fileName;

        }

        public ActionResult DownImg(string fileName)

        {

            var path = Server.MapPath("/Content/img/")+ fileName;

            return File(path, "image/jpeg", fileName);

        }

    }

    public class Student

    {

        public int Id { get; set; }

        public string Name { get; set; }

        public int Age { get; set; }

    }

}

3.新建类 WebSnapshotsHelper  我是b/s做的,所以需要引用  System.Windows.Forms

using System;

using System.Collections.Generic;

using System.Drawing;

using System.Linq;

using System.Threading;

using System.Web;

using System.Windows.Forms;

namespace WebApplication2.Content

{

    public class WebSnapshotsHelper

    {

        Bitmap m_Bitmap;

        string m_Url;

        int m_BrowserWidth, m_BrowserHeight, m_ThumbnailWidth, m_ThumbnailHeight;

        public WebSnapshotsHelper(string Url, int BrowserWidth, int BrowserHeight, int ThumbnailWidth, int ThumbnailHeight)

        {

            m_Url = Url;

            m_BrowserHeight = BrowserHeight;

            m_BrowserWidth = BrowserWidth;

            m_ThumbnailWidth = ThumbnailWidth;

            m_ThumbnailHeight = ThumbnailHeight;

        }

        public static Bitmap GetWebSiteThumbnail(string Url, int BrowserWidth, int BrowserHeight, int ThumbnailWidth, int ThumbnailHeight)

        {

            WebSnapshotsHelper thumbnailGenerator = new WebSnapshotsHelper(Url, BrowserWidth, BrowserHeight, ThumbnailWidth, ThumbnailHeight);

            return thumbnailGenerator.GenerateWebSiteThumbnailImage();

        }

        public Bitmap GenerateWebSiteThumbnailImage()

        {

            Thread m_thread = new Thread(new ThreadStart(_GenerateWebSiteThumbnailImage));

            m_thread.SetApartmentState(ApartmentState.STA);

            m_thread.Start();

            m_thread.Join();

            return m_Bitmap;

        }

        private void _GenerateWebSiteThumbnailImage()

        {

            WebBrowser m_WebBrowser = new WebBrowser();

            //## 这边把脚本错误的压制设置为true.

            m_WebBrowser.ScriptErrorsSuppressed = true;

            m_WebBrowser.ScrollBarsEnabled = false;

            m_WebBrowser.Navigate(m_Url);

            m_WebBrowser.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(WebBrowser_DocumentCompleted);

            while (m_WebBrowser.ReadyState != WebBrowserReadyState.Complete)

                Application.DoEvents();

            m_WebBrowser.Dispose();

        }

        private void WebBrowser_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)

        {

            WebBrowser m_WebBrowser = (WebBrowser)sender;

            m_WebBrowser.ClientSize = new Size(this.m_BrowserWidth, this.m_BrowserHeight);

            m_WebBrowser.ScrollBarsEnabled = false;

            m_Bitmap = new Bitmap(m_WebBrowser.Bounds.Width, m_WebBrowser.Bounds.Height);

            m_WebBrowser.BringToFront();

            m_WebBrowser.DrawToBitmap(m_Bitmap, m_WebBrowser.Bounds);

            m_Bitmap = (Bitmap)m_Bitmap.GetThumbnailImage(m_ThumbnailWidth, m_ThumbnailHeight, null, IntPtr.Zero);

            // 设置文档窗口错误的处理。

            m_WebBrowser.Document.Window.Error += OnWebBrowserDocumentWindowError;

        }

        /// <summary>

        /// 对WEB浏览器处理错误的处理

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        private void OnWebBrowserDocumentWindowError(object sender, HtmlElementErrorEventArgs e)

        {

            e.Handled = true;

        }

    }

}

生成结果

C# html生成图片保存下载的更多相关文章

  1. 微信小程序导出当前画布指定区域的内容并生成图片保存到本地相册(canvas)

    最近在学小程序,在把当前画布指定区域的内容导出并生成图片保存到本地这个知识点上踩坑了. 这里用到的方法是: wx.canvasToTempFilePath(),该方法作用是把当前画布指定区域的内容导出 ...

  2. yum 保存下载的rpm 包

    yum 保存下载的rpm 包 1 [root@bogon pluginconf.d]# vim /etc/yum.conf [main]cachedir=/var/cache/yum/$basearc ...

  3. MVC 生成图片，下载文件（图片不存在本地，在网上下载）

    /// <summary> /// 生成图片 /// </summary> /// <param name="collection"></ ...

  4. 移动端js模拟截屏生成图片并下载功能的实现方案

    一.根据PM需求如下: 移动端wap 实现将二维码生成图片下载至用户手机相册保存 二.根据现有思路: 1.使用第三方工具html2canvas,将页面中指定范围的dom转换为canvas 2.随后使用 ...

  5. vue 页面生成图片保存

    需求:将页面中的元素转成图片,支持保存或下载.要求下载的图片包含页面背景,头像,用户名,文本为"我的邀请码"和个人二维码. 实现:将页面绘制到canvas中,生成base64图片链 ...

  6. MVC 生成图片，下载文件

    /// <summary> /// 生成图片 /// </summary> /// <param name="collection"></ ...

  7. 如何模拟一个http请求并把response的内容保存下载下来，导出到excel中（结尾福利）

    def doExport(self): # 模拟一个http请求 url = u'%s?dumptype=investigation&dumpid=%s&timezone=8' % ( ...

  8. C# ASP.NET 手写板并生成图片保存

    前端: @{ Layout = null; } <!DOCTYPE html> <html lang="zh-CN"> <head> <t ...

  9. 通过JS将BSAE64生成图片并下载

    HTML:<div style="display:block;margin:0 auto;width:638px;height:795px;"><div id=& ...

随机推荐

  1. js基础-原型

    1.定义:我们创建的函数都有一个prototype(原型)属性,该属性是一个对象,          原型模式声明中多了两个属性(自动生成). 构造函数:       function Box(nam ...

  2. spring security (BCryptPasswordEncoder)加密及判断密码是否相同

    通过BCryptPasswordEncoder的加密的相同字符串的结果是不同的,如果需要判断是否是原来的密码,需要用它自带的方法. 加密: BCryptPasswordEncoder encode = ...

  3. java位运算和无符号运算

    计算机在底层使用的是二进制补码进行运算. 计算规则: 正数的原码.反码.补码是其二进制本身. 负数的原码首先计算其二进制数,然后最高位使用1表示负数,反码是最高位不变其它位取反,补码是在反码的基础上进 ...

  4. 一图理解vue生命周期

    博客园上传图不太清晰,可以查看我的CSDN https://blog.csdn.net/jiaoshuaiai/article/details/90046736 感谢: https://segment ...

  5. POJ3237 Tree 树链剖分 边权

    POJ3237 Tree 树链剖分 边权 传送门:http://poj.org/problem?id=3237 题意: n个点的,n-1条边 修改单边边权 将a->b的边权取反 查询a-> ...

  6. Android SDK目录具体结构及Android源码的具体结构

    Android SDK目录具体结构 1. add-ons:这里面保存着附加库,比如Google Maps,当然你如果安装了OphoneSDK,这里也会有一些类库在里面. 2. docs:这里面是And ...

  7. java 嵌入式数据库H2

    H2作为一个嵌入型的数据库,它最大的好处就是可以嵌入到我们的Web应用中,和我们的Web应用绑定在一起,成为我们Web应用的一部分.下面来演示一下如何将H2数据库嵌入到我们的Web应用中. 一.搭建测 ...

  8. Vijos 1206 CoVH之再破难关 [BFS] [位运算]

    1.题意:一个由01组成的4*4的矩阵,可以实现相邻元素交换位置的操作,给出初试状态和目标状态,试求最少操作数的方案: 2.输入输出:输入给出初试矩阵和目标矩阵:要求输出最小操作的次数: 3.分析:输 ...

  9. C++的特殊预处理定义#、##和#@

    c/c++的预处理定义: 一.Stringizing Operator (#) 在c和c++中数字标志符#被赋予了新的意义,即字符串化操作符.其作用是:将宏定义中的传入参数名转换成用一对双引号括起来的 ...

  10. SQLAlchemy的增删改查 一对多 多对多

    Models只是配置和使用比较简单,因为是Django自带的ORM框架,所以兼容性不行,所以出现了SQLAlchemy,SQLAlchemy是比较全面的ORM框架,它可以在任何使用SQL查询时使用 以 ...