这篇博文知识点有点多,注意点有:代码已经精简优化,原生js代码太多了!
1、html5如何调用本地摄像头;
2、如何使用canvas;
3、如何处理将图片转换成base64数据;
4、如何将base64图片数据存储到服务器;
5、服务器端利用C#处理数据;
6、传递过程中有编码的问题需要注意,+号传递至后台变为空格,注意看!
html代码:

js代码:需要引用jQuery

服务端代码:

这篇博文知识点有点多,注意点有:代码已经精简优化,原生js代码太多了!
1、html5如何调用本地摄像头;
2、如何使用canvas;
3、如何处理将图片转换成base64数据;
4、如何将base64图片数据存储到服务器;
5、服务器端利用C#处理数据;
6、传递过程中有编码的问题需要注意,+号传递至后台变为空格,注意看!
html代码:

js代码:需要引用jQuery

服务端代码:

CarsonIT 微信扫码关注公众号 策略、创意、技术
MYSQL .NET ELECTRON 算法 LINUX C# HTML EF CODEFIRST JAVASCRIPT WEBAPI 二维码 .NET6 ORM ELK ELASTICSEARCH 日志归集 CLAUDE CODE 工具 SQLSERVER LOGSTASH AI编程 .NET5 JENKINS 持续集成 自动化部署 CENTOS EFCORE CURSOR
Newtonsoft.Json反序列化的时候,有些数据类型不支持怎么办?
Newtonsoft.Json 大多数人都用过,几乎每个项目都需要这个东西,他的作用是实现对象之间的转换,用得最多的就是json字符串和C#对象之间的转换,今天就来说一下,当遇到他转换不了的时候,我们怎么处理?
三、ELK日志归集之Kibana安装(CentOS 7.5)
Kibana 也是一个开源和免费的工具,Kibana可以为 Logstash 和 ElasticSearch 提供的日志分析友好的 Web 界面,可以帮助汇总、分析和搜索重要数据日志。
《肖生克的救赎》
老布坐了50年牢,已经体制化了,出去之后无法适应时代的变迁,他选择了死亡;瑞德坐了40年牢,也体制化了,出去之后一样吃不开,但是他选择了生存;安迪不愿意相信命运,他只坐了19年牢,凭借那把“挖600年才能出去”的小锤子和他的信念,改变了自己的命运。
六、Electron 之网页安全政策 Content-Security-Policy
Content Security Policy 简称 CSP 是一种网页安全政策 CSP 的实质就是白名单制度,开发者明确告诉客户端,哪些外部资源可以加载和执行,等同于提供白名单。它的实现和执行全部由浏览器完成,开发者只需提供配置。 CSP 大大增强了网页的安全性。攻击者即使发现了漏洞,也没法注入脚本,除非还控制了一 台列入了白名单的可信主机。 通俗的讲开启 CSP 后可以让浏览器自动禁止外部注入恶意脚本,增加网站的安全性能。从 2.0 版本开始,如果使用 electron 的开发人员没有定义 Content-Security-Policy,Electron就会在 DevTool console 发出警告提示
Xml序列化和反序列化
在电子计算机中,标记指计算机所能理解的信息符号,通过此种标记,计算机之间可以处理包含各种的信息比如文章等。它可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。 它非常适合万维网传输,提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。是Internet环境中跨平台的、依赖于内容的技术,也是当今处理分布式结构信息的有效工具。早在1998年,W3C就发布了XML1.0规范,使用它来简化Internet的文档信息传输。
Navicat 15 / 16 /17 数据库开发工具
Navicat Premium 是一套数据库开发工具,让你从单一应用程序中同时连接 MySQL、MariaDB、MongoDB、SQL Server、Oracle、PostgreSQL 和 SQLite 数据库。它与 Amazon RDS、Amazon Aurora、Amazon Redshift、Microsoft Azure、Oracle Cloud、MongoDB Atlas、阿里云、腾讯云和华为云等云数据库兼容。你可以快速轻松地创建、管理和维护数据库。
告别AI生成的"丑陋UI":UI UX Pro Max Skill 让你的AI编程助手秒变设计总监
UI UX Pro Max Skill 是一款开源 AI Skill 技能插件,为 Claude Code、Cursor、Windsurf、GitHub Copilot 等主流 AI 编码助手注入专业级 UI/UX 设计智能。它内置可搜索的设计数据库,涵盖 UI 风格、配色方案、字体搭配、UX 指南等资源,能根据自然语言描述自动生成完整的设计系统并输出高质量代码,彻底解决 AI 生成界面"功能没问题但就是丑"的痛点。GitHub Star 已超 24.7k,是当下最火爆的 AI 设计技能之一。
数据的表示(任意进制的转换)
在我们某些计算中,需要我们将进制进行换算,比如十进制转二进制,二进制转八进制,八进制转十六进制,在不同的场景,需要不同的进制,二进制表示一个很大的数可能会很长,不好操作和识别,往往需要我们将二进制转换为较大的进制,本文将记录任意进制间转换的方法。
FlashFXP 5.4.0 强大的FTP工具
FlashFXP是一款功能强大的FXP/FTP软件,集成了其它优秀的FTP软件的优点,如CuteFTP的目录比较,支持彩色文字显示;如BpFTP支持多目录选择文件,暂存目录;又如LeapFTP的界面设计。支持目录(和子目录)的文件传输,删除;支持上传,下载,以及第三方文件续传;可以跳过指定的文件类型,只传送需要的本件;可自定义不同文件类型的显示颜色;暂存远程目录列表,支持FTP代理及Socks 3&4;有避免闲置断线功能,防止被FTP平台踢出;可显示或隐藏具有“隐藏”属性的文档和目录;支持每个平台使用被动模式等。
疫情数据关注工具-支持全平台版本(12月15停止更新,一个时代的结束)
疫情形式严峻,我十分关心每天的疫情动态,但是我发现无论是百度的疫情动态,还是腾讯的动态,数据都不完整,而且腾讯的风险地区更新不及时,导致经常看到错误数据。
《灵笼》白月魁 壁纸
国漫《灵笼》特别篇播出,作为第一季的大结局剧情,灵笼在最后一话的特别篇中终于把地面神秘人物白月魁的身份信息给揭露了出来,原来之前马克队长猜得没有错,当时在下到地面采集物资的时候,看到的女子其实就是白月魁小队,她们是生活在地面的人类,但是从本质而言,似乎已经和人类有所区别。
.NET WebApi配置Swagger详细教程
Swagger可以根据xml文件生成api接口文档,前后端节约沟通时间,减少对接成本,是一个非常好的解决方案;本文主要记录一下,Vs2019从0开始,搭建一个WebApi最终利用Swagger看到相关接口,并解决Swagger汉化的问题,解决Swagger在.net Webapi中控制器名称标注问题。
Resharper 2021.3.2-VS2022可用的扩展插件
ReSharper是一个JetBrains公司出品的著名的代码生成工具。其能帮助Microsoft Visual Studio成为一个更佳的IDE,它包括一系列丰富的能大大增加C#和Visual Basic .net开发者生产力的特征。使用ReSharper,你可以进行深度代码分析,智能代码协助,实时错误代码高亮显示,解决方案范围内代码分析,快速代码更正,一步完成代码格式化和清理,业界领先的自动代码重构,高级的集成单元测试方案,和强大的解决方案内导航和搜索。实质上,ReSharper特征可用于C#,VB.NET,XML,ASP.NET,XAML,和构建脚本。ReSharper还为C#和VB.NET提供了增强的交叉语言功能,它使开发者可以有效的控制.net混合项目。
Hangfire任务调度从入门到实践
Hangfire是一个任务调度的组件,自带面板,可以操作正在运作的任务,可以看到执行情况,而且使用起来简单,Hangfire不受特定.NET应用程序类型的限制,只要是.NET Framework 4.5以上,Newtonsoft.Json library ≥ 5.0.1,有一个mysql或者mssql数据库即可。而且最新的支持.NET Core,这篇文章主要记录一下如何在.NET Core 3.1中用mysql来帮助Hangfire实现持久化。
EFcore+MySql 数据迁移的时候,怎么给表结构加注释?
Microsoft.EntityFrameworkCore是一个非常不错的设计,当一套系统里面出现太多的SQL,其实已经不合理了,所以EF让开发者不再接触SQL,而是直接以对象形式操作数据库,EF来负责Sql代码生成和执行,通常在开发中,有根据数据表结构来生成实体的,也有根据实体生成数据库的,就是所谓的DbFirst和CodeFirst,这篇文章主要说一下CodeFirst的应用,用的是MySql数据库。
.NET5 WebApi 实现JWT及其验证实战
Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准((RFC 7519).该token被设计为紧凑且安全的,特别适用于分布式站点的单点登录(SSO)场景。JWT的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息,以便于从资源服务器获取资源,也可以增加一些额外的其它业务逻辑所必须的声明信息,该token也可直接被用于认证,也可被加密。本文只是举个例子,可以这么整,如果要用于生产环境,可能得再封装一下,注释都加的齐全,没用过的可以看看。
阿里云对象存储OSS使用STS临时授权给Browser.js
阿里云对象存储OSS(Object Storage Service)是阿里云提供的海量、安全、低成本、高可靠的云存储服务。其数据设计持久性不低于99.9999999999%(12个9),服务可用性(或业务连续性)不低于99.995%。OSS具有与平台无关的RESTful API接口,您可以在任何应用、任何时间、任何地点存储和访问任意类型的数据。如果你的应用场景仅仅是网站上传个图片、视频这些,那么阿里云OSS和七牛云的作用是一样的。
Visual Studio生成注释的插件GhostDoc,支持2022
GhostDoc为Visual Studio中的C#代码编辑器安装了一个新的命令。在编辑源文件时,只需将光标置于要添加文档的方法或属性内部,然后通过热键(默认为Ctrl+Shift+D)或右键菜单中的Document this菜单项调用命令,GhostDoc就会插入一段XML格式的注释。你也许会想到在方法或属性前面键入"///"时的类似效果,但是后者只能创建一段空的注释构造,而GhostDoc则能够生成大部分实用的注释。
C# 对比两个实体类指定字段是否被修改并得出修改记录
需求来源:一条数据被编辑之后,日志要记录下改动了什么项,从什么改成什么了,还得可以指定某些字段,比如用户表,只要改了用户名,就记录一下日志,业务可以根据是否有修改来发送通知啊或者启用禁用啊这些操作。
Postman的一个小技巧 Pre-request Script的使用
Postman一款非常流行的API调试工具。其实,开发人员用的更多。因为测试人员做接口测试会有更多选择,例如Jmeter、soapUI等。不过,对于开发过程中去调试接口,Postman确实足够的简单方便,而且功能强大。
MongoDb 4.2.7 配置复制(副本集replSet)实现主从同步(Windows)
MongoDB在4.0之后,增加了事务,说明Mongodb生态越来越丰富,将来肯定可以满足更多的应用场景,在用了事务之后,操作数据的时候报错,提示实例需要是副本集,这篇文章就说一下,什么是副本集,能干啥?
利用PinYinConverter实现汉字转拼音,支持多音字
汉字转拼音的需求不多,但是遇到了再去写,稍显麻烦,索性写一个辅助类放着,这里利用了Microsoft.International.Converters.PinYinConverter类库,多音字则以多种组合的方式返回给开发者。
请打开您的微信,扫一扫
留下您的脚步
最近评论