.net core 手写板 签名 插入 pdf 文件

已于 2024-07-15 16:12:19 修改
阅读量335 收藏
点赞数 4
文章标签： .netcore pdf
于 2024-07-11 14:05:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50882797/article/details/140350196
版权

前端部分：


@{
    ViewData["Title"] = "Index";
    Layout = "~/Views/Shared/_Index.cshtml";
}

<style type="text/css">
    html, body {
        margin: 0;
        padding: 0;
    }

    .saveimg {
        text-align: center;
    }

    .saveimgs span {
        display: inline-block;
        margin-top: 5px;
    }
</style>

<div align="center">
    <canvas id="myCanvas" width="500" height="300" style="border:1px dotted #6699cc"></canvas>
    <div class="control-ops control">
        <button type="button" class="btn btn-primary" onclick="javascript:clearArea();return false;">重写</button>
        <select style="display:none" id="selWidth" onchange="aaa()">
            <option value="1">1</option>
            <option value="3" selected="selected">3</option>
            <option value="5">5</option>
            <option value="7">7</option>
            <option value="9">9</option>
            <option value="11">11</option>
        </select>
        <select id="selColor" onchange="aaa2()">
            <option value="black" selected="selected">黑色笔</option>
            <option value="blue">蓝色笔</option>
            <option value="red">红色笔</option>
            <option value="green">绿色笔</option>
            <option value="yellow">黄色笔</option>
            <option value="gray">深灰笔</option>
        </select>
        <button type="button" class="saveimg" onclick="javascript:saveImageInfo();return false;">提交</button>
    </div>
    <div class="saveimgs"></div>
</div>



<script src="~/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript">

    var fileId = '@ViewBag.fileId';
    var mousePressed = false;
    var lastX, lastY;
    var ctx = document.getElementById('myCanvas').getContext("2d");
    var c = document.getElementById("myCanvas");
    var control = document.getElementsByClassName("control")[0];
    var saveimgs = document.getElementsByClassName("saveimgs")[0];

    window.onload = function () {
        document.getElementById('myCanvas').setAttribute("width", $(window).width() - 5);
        InitThis();
    }

    function saveImageInfo() {
        debugger;
        var imageurl = c.toDataURL("image/png");
        AjaxPostRequest("@Url.Action("SignatureSave")", { imageurl: imageurl, fileId: fileId }, function (result) {
            if (result.code == 0) {
                layer.alert("签名成功", function () {
                    window.parent.location.reload();//刷新父页面
                    parent.layer.close();//关闭弹出层
                });
            } else {
                popUp.FailMsg(result.message);
            }
        }, false, false);
        return;
    }


    var selected1, selected2;
    function aaa() {
        var sel = document.getElementById('selWidth');
        var value = sel.selectedIndex;
        return selected1 = sel[value].value;
    }
    function aaa2() {
        var sel2 = document.getElementById('selColor');
        var value = sel2.selectedIndex;
        return selected2 = sel2[value].value;
    }

    function InitThis() {
        //          触摸屏
        c.addEventListener('touchstart', function (event) {
            console.log(1)
            if (event.targetTouches.length == 1) {
                event.preventDefault();// 阻止浏览器默认事件，重要
                var touch = event.targetTouches[0];
                mousePressed = true;
                Draw(touch.pageX - this.offsetLeft, touch.pageY - this.offsetTop, false);
            }

        }, false);

        c.addEventListener('touchmove', function (event) {
            console.log(2)
            if (event.targetTouches.length == 1) {
                event.preventDefault();// 阻止浏览器默认事件，重要
                var touch = event.targetTouches[0];
                if (mousePressed) {
                    Draw(touch.pageX - this.offsetLeft, touch.pageY - this.offsetTop, true);
                }
            }

        }, false);

        c.addEventListener('touchend', function (event) {
            console.log(3)
            if (event.targetTouches.length == 1) {
                event.preventDefault();// 阻止浏览器默认事件，防止手写的时候拖动屏幕，重要
                mousePressed = false;
            }
        }, false);
        /*c.addEventListener('touchcancel', function (event) {
            console.log(4)
            mousePressed = false;
        },false);*/



        //         鼠标
        c.onmousedown = function (event) {
            mousePressed = true;
            Draw(event.pageX - this.offsetLeft, event.pageY - this.offsetTop, false);
        };

        c.onmousemove = function (event) {
            if (mousePressed) {
                Draw(event.pageX - this.offsetLeft, event.pageY - this.offsetTop, true);
            }
        };

        c.onmouseup = function (event) {
            mousePressed = false;
        };
    }

    function Draw(x, y, isDown) {
        if (isDown) {
            ctx.beginPath();
            ctx.strokeStyle = selected2;
            ctx.lineWidth = selected1;
            ctx.lineJoin = "round";
            ctx.moveTo(lastX, lastY);
            ctx.lineTo(x, y);
            ctx.closePath();
            ctx.stroke();
        }
        lastX = x; lastY = y;
    }

    function clearArea() {
        ctx.setTransform(1, 0, 0, 1, 0, 0);
        ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);

        // 清除签名图片
        if (saveimgs.getElementsByTagName('span').length >= 1) {
            var clearImg = saveimgs.getElementsByTagName('span')[0];
            saveimgs.removeChild(clearImg);
        }

    }
</script>

后端部分

        /// <summary>
        /// 签名页面
        /// </summary>
        /// <param name="fileId">文件Id</param>
        /// <returns></returns>
        public IActionResult Signature(string fileId)
        {
            ViewBag.fileId = fileId;
            return View();
        }
        /// <summary>
        /// 保存签名
        /// </summary>
        /// <param name="imageurl">签名</param>
        /// <param name="fileId">pdf文件id</param>
        /// <returns></returns>
        public IActionResult SignatureSave(string imageurl, string fileId)
        {
            string mtfilename = (_webEnv.ContentRootPath + AppSetting.GetFilePath() + System.Guid.NewGuid().ToString()).Replace("\\", "/") + ".jpg";
            string dummyData = imageurl.Trim().Replace("data:image/png;base64,", "");

            //获取签名
            Base64StringToImage(dummyData, mtfilename);
            if (System.IO.File.Exists(mtfilename) == false)
            {
                return Json(RongboResult<int>.Successed("保存手写图片失败，请重试并提交", 1));
            }
            System.Drawing.Image img = System.Drawing.Image.FromFile(mtfilename);



            var model = _schoolReport.GetSchoolReport(fileId).Data;//获取pdf文件
            if (model == null || string.IsNullOrEmpty(model.Id))
            {
                return Json(RongboResult<string>.Failed(-1, "文件不存在"));
            }
            string savePath = (_webEnv.ContentRootPath + AppSetting.GetFilePath() + model.FileName).Replace("\\", "/");
            #region 将阿里云文件保存到本地
            if (System.IO.File.Exists(savePath))
            {
                var fs = new FileStream(savePath, FileMode.Open, FileAccess.Read);
            }
            else
            {
                var aliossConfig = _fileService.GetAliOSSConfig();
                OssClient client = new OssClient(aliossConfig.Endpoint, aliossConfig.AccessKeyId, aliossConfig.AccessKeySecret);
                if (client.DoesObjectExist(aliossConfig.BucketName, model.FilePath))
                {
                    var obj = client.GetObject(aliossConfig.BucketName, model.FilePath);
                    var requestStream = obj.Content;

                    // 使用FileStream将stream的内容写入到文件
                    using (var fileStream = new FileStream(savePath, FileMode.Create))
                    {
                        requestStream.CopyTo(fileStream);
                    }
                }
                else if (client.DoesObjectExist(aliossConfig.BucketName, model.DistrictCode + "/" + model.FilePath))
                {
                    var obj = client.GetObject(aliossConfig.BucketName, model.DistrictCode + "/" + model.FilePath);
                    var requestStream = obj.Content;
                    // 使用FileStream将stream的内容写入到文件
                    using (FileStream fileStream = new FileStream(savePath, FileMode.Create))
                    {
                        // 将stream的内容复制到FileStream中
                        requestStream.CopyTo(fileStream);
                    }
                }
            }
            #endregion

            // 加载图片文件
            XImage image = XImage.FromFile(mtfilename);

            // 将 文件转换为  PDF 文档
            PdfDocument document = PdfReader.Open(savePath, PdfDocumentOpenMode.Modify);
            // 获取 PDF 最后一页
            PdfPage page = document.Pages[document.Pages.Count - 1];
            try
            {
                //查询该文件时间是否已经签名
                var qmInfoNum = _schoolReportQm.GetDataCountByExpression(a => a.SchoolId == model.SchoolId && a.TaskId == model.TaskId && a.FileId == model.Id && a.IsQm == 1).Data;
                if (qmInfoNum == 0)
                {
                    // 添加一页到 PDF 文档 
                    page = document.Pages.Add();
                    page.Width = XUnit.FromMillimeter(210);
                    page.Height = XUnit.FromMillimeter(297);
                }
                // 将图片绘制到 PDF 页面上
                float width = 100;
                float height = 50;
                float x = 0;
                float y = 0;
                HasDataAtPosition(model.TaskId, out x, out y);

                //加载图片，并调用DrawImage()方法在指定位置绘入图片 
                XGraphics gfx = XGraphics.FromPdfPage(page);

                XRect rect = new XRect(x, y, width, height);
                // 在页面上添加图像
                gfx.DrawImage(image, rect);

                img.Dispose();//释放
                System.IO.File.Delete(mtfilename);//删除签名文件（手写板的图片）
                System.IO.File.Delete(savePath);//删除从阿里云下的文件临时文件(不带签名的源文件)
                                                // 保存 带有签名的 PDF 文档到文件
                var attachSignatureUrl = (_webEnv.ContentRootPath + AppSetting.GetFilePath() + model.FileName).Replace("\\", "/");
                document.Save(attachSignatureUrl);
                var deleteflag = DeleteFile(fileId);//删除 阿里云和学校评估文件
                if (deleteflag)
                {

                    #region 上传带有签名的文件
                    var UploadType = int.Parse(_baseConfigService.GetSingle(UserInfo.DistrictCode, SystemId, BaseConfigKeyEnum.UploadType.ToString())?.Value ?? "1");
                    if (UploadType == 1)
                    {
                        var aliossConfig = _fileService.GetAliOSSConfig();
                        OssClient client = new OssClient(aliossConfig.Endpoint, aliossConfig.AccessKeyId, aliossConfig.AccessKeySecret);
                        using var stream = new FileStream(attachSignatureUrl, FileMode.Open, FileAccess.Read);
                        var aliresult = client.PutObject(aliossConfig.BucketName, model.FilePath, stream);
                    }

                    var newmode = new SchoolReportFileEntity()
                    {
                        Id = model.Id,
                        Year = SystemYear,
                        SchoolId = model.SchoolId,
                        DistrictCode = _schoolService.GetDataByExpressionFirst(s => s.Id == model.SchoolId && s.SystemId == SystemIdInt).Data.DistrictCode,
                        FileName = model.FileName,
                        NewFileName = model.NewFileName,
                        FileSize = model.FileSize,
                        FileType = model.FileType,
                        FilePath = model.FilePath,
                        CreateUser = UserInfo.Guid,
                        CreateTime = DateTime.Now,
                        UpdateUser = UserInfo.Guid,
                        UpdateTime = DateTime.Now,
                        ObjectType = int.Parse(SystemId),
                        PlanId = model.PlanId,
                        TaskId = model.TaskId
                    };
                    _schoolReport.AddReport(newmode);

                    var modelQm = new SchoolReportFileQmEntity()
                    {
                        Id = Guid.NewGuid().ToString(),
                        SchoolId = model.SchoolId,
                        FileId = newmode.Id,
                        FileName = model.FileName,
                        UserId = UserInfo.Guid,
                        PlanId = model.PlanId,
                        TaskId = model.TaskId,
                        CreateId = UserInfo.Guid,
                        CreateTime = DateTime.Now,
                        IsQm = 1
                    };
                    _schoolReportQm.AddReport(modelQm);
                    #endregion

                    document.Dispose();//释放文档
                    System.IO.File.Delete(attachSignatureUrl);//删除临时文件
                }

                // 关闭文档
                document.Close();
            }
            catch (Exception)
            {
                img.Dispose();//释放
                System.IO.File.Delete(mtfilename);//删除签名文件（手写板的图片）
                System.IO.File.Delete(savePath);//删除从阿里云下的文件临时文件(不带签名的源文件)
                if (page == null || document.Pages.Count >= 9)
                {
                    document.Close(); // 关闭文档
                    return Json(RongboResult<int>.Failed(-101, "请确保,签字的PDF文件页数在8页以内"));
                }
            }
            return Json(RongboResult<int>.Successed("", 1));
        }
        /// <summary>
        /// 根据人员排序 确定签名位置
        /// </summary>
        /// <param name="taskId"></param>
        /// <param name="x"></param>
        /// <param name="y"></param>
        public void HasDataAtPosition(string taskId,out float x, out float y)
        {
            var taskUserlst = _assessorsBll.GetPgUserByTaskId(taskId, "").Data.Select(a=>a.UserId).ToList();
            int indexOfCurrentProgram = taskUserlst.IndexOf(UserInfo.Guid);
            var ys = indexOfCurrentProgram % 5;//余数
            var bs = indexOfCurrentProgram / 5;//倍数（每一行只能最多签名五个人）
            x = 120 * ys;
            y = 100 * bs;
        }
        /// <summary>
        /// base64数据转化为图片文件
        /// </summary>
        /// <param name="strbase64"></param>
        /// <param name="outputFilename"></param>
        /// <returns></returns>
        public bool Base64StringToImage(string strbase64, string outputFilename)
        {

            byte[] arr = Convert.FromBase64String(strbase64);
            MemoryStream ms = new MemoryStream(arr);
            System.Drawing.Image img = System.Drawing.Image.FromStream(ms);
            img.Save(outputFilename);
            img.Dispose();
            if (System.IO.File.Exists(outputFilename))
            {
                return true;
            }
            return false;
        }
        /// <summary>
        /// 删除阿里云文件
        /// </summary>
        /// <param name="id"></param>
        /// <returns></returns>
        public bool DeleteFile(string id)
        {
            var flag = false;
            var model = _schoolReport.GetSchoolReport(id).Data;
            var result = _schoolReport.DelReport(id);
            //删除服务器上文件
            if (result.Code == 0 && model != null && !string.IsNullOrEmpty(model.Id))
            {
                string savePath = (_webEnv.ContentRootPath + AppSetting.GetFilePath() + model.FilePath).Replace("\\", "/");
                if (System.IO.File.Exists(savePath))
                {
                    System.IO.File.Delete(savePath);
                    flag = true;
                }
                else
                {
                    var aliossConfig = _fileService.GetAliOSSConfig();
                    OssClient client = new OssClient(aliossConfig.Endpoint, aliossConfig.AccessKeyId, aliossConfig.AccessKeySecret);
                    if (client.DoesObjectExist(aliossConfig.BucketName, model.FilePath))
                    {
                        client.DeleteObject(aliossConfig.BucketName, model.FilePath);
                        flag = true;
                    }
                    else if (client.DoesObjectExist(aliossConfig.BucketName, model.DistrictCode + "/" + model.FilePath))
                    {
                        client.DeleteObject(aliossConfig.BucketName, model.DistrictCode + "/" + model.FilePath);
                        flag = true;
                    }
                }
            }

            return flag;
        }

森ゞ屿
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
.net core 微服务下的手工签名实现，以及消除中文乱码
网尘的技术专栏
09-24 625
最近在实现一款业主签字的需求，签字前端由vue下的某个共享组件实现，其采用Canvas绘图方式实现签名图片的生成，后台主要提供签名前文档的呈现，以及签名后文件合成过的签名文档保存。 FastReport 报表生成器FastReport .NET是适用于.NET Core 3，ASP.NET，MVC和Windows窗体的全功能报告库。使用FastReport .NET，您可以创建独立于应用程序的.NET报告。 想当年水晶报表爆火全网，而今已不见身影，目前最好用的.net 平台的报表莫过于FastRepo.
asp.net 兼容PC+移动端canvas签名插件(带保存功能)
08-30
asp.ent 兼容PC+移动端canvas签名插件(带保存功能)经过自己改进，已经在项目中应用
前端pc端 （签字，签名，写字板）工具类
qq_52373373的博客
05-17 573
前端pc端 （签字，签名，写字板）工具类 可以清空画布、清空上一步、保存为图片、保存为文件流、设置画笔颜色、画笔粗细、画笔端点形状、自适应等
前端手写电子签名板实现方案
weixin_43809685的博客
12-29 2993
前端实现手写签名 canvas实现电子签名 前端手写电子签名板 电子签名
ASP.Net Core 5.0官方文档.pdf
07-31
ASP.NET core 5.0文档PDF(含目录，共5453页)。摘要： ASP.NET Core 文档及新增内容 ASP.NET 比较 .NET Core 和 .NET Framework 入门新增功能 5.0 版中的新增功能 3.1/3.0/2.2/2.1/2.0/1.1 版中的新增功能 教程Web ...
asp.net core项目中如何使用html文件
01-20
在ASP.NET Core项目中，使用HTML文件主要是为了提供静态内容服务。这通常涉及到配置静态文件中间件，使得服务器能够正确地处理和响应HTML文件。以下将详细介绍如何在ASP.NET Core项目中设置和使用HTML文件。 首先，...
ASP.NET Core 3.1中文教程.pdf
08-12
ASP.NET Core 3.1 中文教程 ASP.NET Core 是 Microsoft 开发的一款免费、开源的 Web 应用程序框架，适用于开发跨平台的 Web 应用程序。本文档提供了 ASP.NET Core 3.1 的中文使用手册，涵盖了ASP.NET Core 的各种...
asp.net core 3.1中文教程.pdf
06-05
ASP.NET Core ASP.NET 4.x 框架选择 ASP.NET CORE ASP.NET 4.X 针对 Windows、macOS 或 Linux 进行生成 针对 Windows 进行生成 Razor Pages 是在 ASP.NET Core 2.x 及更高版本中创建 Web UI 时建议使用的方法。 另请...
c# 实现手写笔签名
03-14
详细描述了 如何实现手写笔签名 想了解如何通过书写笔签名的朋友可以看看
asp.net制作手写签名
02-22
C# asp.net开发网页版本手写签名功能，也可以扩展连接手写笔使用
c#实现手写软签名
09-17
c#写的activex控件，可用ie加载，可实软签名，使用模板打印表单
C#实现手写笔签名系统
08-07
实现签名效果。使企业、事业单位等所出具的数据在网络上合法。
sign-canvas 一个基于canvas开发,封装于Vue组件的通用手写签名板(电子签名板),支持pc端和移动端；
狼丶宇先森的网络科技空间
11-01 9219
写在前面 : 在项目的开发过程中可能会涉及到手写签名(电子签名)那些，在前端的思路是使用canvas 来签名，导出成图片进行保存。 此轮子是继https://blog.csdn.net/qq_33270001/article/details/81809535之后,用于vue项目中,为了方便自己与众人和复用而开发; 相比以前: 1. 增加npm 包一件安装并使用, 2. 增加v-mode...
C# winform 手写签名，流畅不卡顿，在触摸屏上也可以完美使用，自动保存签名至本地（附源码下载）
m0_62355555的博客
05-27 1750
C# winform 手写签名，流畅不卡顿，在触摸屏上也可以完美使用，自动保存签名至本地，附源码下载
.net core 如何解析pdf文件
最新发布
05-25
在 .NET Core 中，可以使用第三方库来解析 PDF 文件。以下是一些常用的库： 1. iTextSharp：这是一个开源的 PDF 库，支持创建和解析 PDF 文件。它有一个 .NET Core 版本，名为 iText7。 2. PDFSharp：这是另一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值