来源： 原生js使用FileReader将文件转成base64_js filereader base64-CSDN博客

一、FileReader介绍
FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容。可以使用File对象指定要读取的文件。

File对象可以是来自用户在一个type类型为file的input元素上选择文件后返回的FileList对象。

<input type=”file” name=”” id=””>

注意： FileReader仅用于以安全的方式从用户（远程）系统读取文件内容，它不能用于从文件系统中直接使用路径名简单地读取文件。

二、FileReader的使用
FileReader是一个构造函数，需要new之后拿到FileReader的实例。

var reader = new FileReader();
1
实例的方法：
reader.abort()：中止读取操作。
reader.readAsArrayBuffer()：读取完成后，触发onload事件，result 属性中保存的是文件的 ArrayBuffer 数据对象。
reader.readAsDataURL()：读取完成后，触发onload事件，result属性中保存的是Base64文件内容。
reader.readAsText()：读取完成后，触发onload事件，result属性中保存的是字符串文件内容。

实例的事件：

reader.onabort：在读取操作被中断时触发。
reader.onerror：在读取操作发生错误时触发。
reader.onload：在读取操作完成时触发。
reader.onloadstart：在读取操作开始时触发。
reader.onloadend：在读取操作结束时（要么成功，要么失败）触发。
实例的属性：

reader.error：返回读取文件时的错误信息
reader.readyState：表示FileReader状态的数字。0:还没有加载；1:正在加载；2:加载完成
reader.result：文件的内容
三、使用范例
obtn.onclick = function(){

var reader = new FileReader();
reader.readAsDataURL(f.files[0]); // 解析成base64格式
reader.onload = function () {
console.log(this.result); // 解析后的数据，如下图
}

}

obtn.onclick = function(){

var reader = new FileReader();
reader.readAsArrayBuffer(f.files[0]);// 解析成ArrayBuffer格式
reader.onload = function () {
console.log(this.result); // 解析后的数据，如下图
}

}

obtn.onclick = function(){

var reader = new FileReader();
reader.readAsText(f.files[0]); // 解析成Text格式
reader.onload = function () {
console.log(this.result); // 解析后的数据，如下图
}

}

以上，如有错误，请留言交流…
————————————————
版权声明：本文为CSDN博主「杨树林er」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_41636483/article/details/112589158

来源： 【Windows系统】查看和关闭139、445端口的方法_关闭139端口_jin_study的博客-CSDN博客

文章目录
前言
一、 Windows查看139、445端口的方法
二、关闭445端口的方法
三、关闭139端口的方法
前言
“航天派”公众号上一期文章介绍了“麒麟操作系统查看和关闭139、445端口的方法”，今天介绍“Windows系统查看和关闭139、445端口的方法”。

前期，尝试使用一些软件关闭139、445端口，结果效果不理想；尝试使用网络上的一些操作方法，效果也不佳。今天介绍的关闭端口方法是经过多次实践验证过的，是真实有效的。需要提前说明，使用本文关闭139、445端口的方法，要在操作完成之后进行系统重启才能生效。

一、 Windows查看139、445端口的方法
按Windows+R键，弹出运行窗口，输入cmd回车，然后在命令提示符窗口输入如下命令，查看139、445端口是否存在：

netstat -na | findstr 139
netstat -na | findstr 445
1
2
如下图，可以看到该计算机TCP协议下均存在139、445端口，且处于LISTENING状态，接下来将封闭该计算机的139、445端口。

二、关闭445端口的方法
（1）在命令提升符号窗口接着输入regedit，将弹出注册表编辑器。

（2）在注册表编辑器找到HKEY_LOCAL_MACHINE—>SYSTEM—>ControlSet001—>services，如下图。

（3）在services中，找到NetBT—>Parameters，然后选中Parameters右键新建DWORD(32-位)值，如下图。

（4）将新建的DWORD命名为“SMBDericeEnabled”,并将其值修改为0（默认就是0，可以不用改），如下图。

（5）打开控制面板，选择管理工具—>服务—>Server—属性，如下图。

（6）在属性窗口将启动类型改为“禁用”，将服务状态选为“暂停”，然后点击应用、确定即可，如下图。

（7）完成以上操作之后，重启计算机，再次使用netstat -na | findstr 445查询，发现445端口已经关闭。当然可以等关闭完139端口之后，一起重启计算机，下面介绍关闭139端口的方法。

三、关闭139端口的方法
关闭139端口的方法，相比关闭445端口的方法，要简单很多。

（1）通过控制面板或者直接双击状态栏中网络连接图标，打开“网络和共享中心”，选择“更改适配器设置”—>本地连接—>属性，然后选择Internet协议版本4（TCP/IPv4）—>高级—>WINS—>禁用TCP/IP上的NetBIOS(S)，然后点击确定即可，如下图。

（2）完成以上操作之后，重启计算机，然后在命令提示符窗口输入netstat -na | findstr 139、netstat -na | findstr 445查看139、445端口是否已关闭。如下图，经查询，139、445端口已经不存在，已经被关闭。

以上介绍了Windows系统查看和关闭139、445端口的方法，是经过多次实践验证过的，方法靠谱，值得分享。
关注“航天派”微信公众号，了解以下更好实用内容：
————————————————
版权声明：本文为CSDN博主「jin_study」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/jin_study/article/details/124198383

来源： MVC将Base64 保存为图片 – 跑着的小强 – 博客园

前台传来Base64字符串。本来可以直接保存数据库返回给图片 但是这样对数据库负担太重 传输也费时间。一搬都是存个地址在数据库

解锁新技能 哈哈哈 不用后台压缩了，，，整理下代码  搭建微动态数据库表了

来源： JS图片多个上传，并压缩为Base64 – 跑着的小强 – 博客园

首先是JS 批量上传

HTML

样式

JS代码

效果

但是图片都是没有压缩的 、

本来JS 是没有办法压缩的 但是H5的画布可以 可以用画布压缩

有一点 docObj.files[i] 这个表示选择的图片可以传到后台直接保存 但是没有压缩。

1个1.9M 压缩过后28.2K 还是特别客观的 接下来 我们就可以吧这个字符串通过AJAX方式传入后台。进行保存或者直接放入数据库，下一篇 我会写后台保存方法MVC 保存到服务器 返回相对路径

来源： 前端图片上传使用，base64直接上传，base64转化成file上传，form表单直接上传文件，element-ui上传图片_base64 如何上传 fs-CSDN博客

最近项目中使用到了图片上传功能，作为前端开发对此应该不陌生，正常来说图片会有一个单独存储的服务，例如现在公司使用minio统一集中管理，直接部署在docker上面非常方便，下面记录一下使用经历过的图片上传

1.base64直接上传
这种base64直接上传给后端，然后后端拿到数据之后就能自行处理，一般前端会对base64数据前面拼接 “data:image/jpeg;base64,” + base64数据；代表图片格式，其余后端自行处理，相对来说这种方式对前端更加友好，上传方式跟普通数据上传完全相同，然后后端返回图片存储的相对路径，前端进行拼接ip前缀就能正常展示；如下面代码：

$.ajax({
url: uploadFea,
type: “POST”,
dataType: “JSON”,
processData: false,
beforeSend: function () {
console.log(“正在上传特征值文件，请稍候”);
},
headers: {
“Content-Type”: “application/json;charset=UTF-8”,
},
data: {
platform: “web”,
uploadFile: feaFile,
name: fileName + “_” + guid(),
},
success: (res) => {
console.log(res.fileSuccess);

},
});
2.form表单方式的提交
这种是类似于form表单提交，这样其实是类似于element-ui中的上传,本质就是表单上传，而且方法提供的非常全面直接复制就行，这样一般也会有几种情况；

一种是直接提交给后端，一种是传base64数据给后端，还一种情况是前端获取到的图片数据是硬件提供的数据(例如身份证读卡器)一般是直接给你base64数据，但是后端接口不支持直接传base64,这样就需要前端童鞋处理一下base64数据了，然后再以表单提交文件形式传给后端了

1.直接提交给后端就是如下:

<form action=”http://192.168.10.94:3050/serverData/upload” method=”POST” enctype=”multipart/form-data”>
<input type=”file” name=”tupian” multiple=”multiple”>
<input type=”text” name=”id” id=”name”>
<input type=”submit”value=”提交”id=”btnn”>
</form>
这是自己本地使用node做的一个简单图片上传接口，接口能接收到文件数据，然后通过重命名移动等操作将处理后的图片文件保存到对应服务器目录，后端能直接获取到文件名称后缀以及数据等信息，自习看下element-ui其实本质就是一个封装好的表单提交，如下：

<el-upload class=”avatar-uploader” :style=”styles” :http-request=”uploadImg” :on-progress=”uploadVideoProcess” :disabled=”isDisabled”>
<el-progress type=”circle” v-show=”videoFlag” :percentage=”videoUploadPercent” class=”circle”></el-progress>

</el-upload>
2.element-ui中提供了 :http-request 方法我们能够使用，可以直接上传文件或者上传base64数据如：

//后端不需要base64
uploadImg (file) {
//这里file其实就是上传的文件，如果后端需要此类上传我们就能直接使用
$.ajax({
type: ‘post’,
url: upLodUrl,
data: file,
dataType: ‘text’,
processData: false, // bu要去处理发送的数据
contentType: false, //不要去设置Content-Type请求头
success: function(res) {
url = res.data
}
})
}

//后端需要base64,就需要对获取到的数据进行处理
uploadImg (file) {
let reader = new FileReader()
reader.readAsDataURL(file.file)
reader.onload =()=>{
let dataURL = reader.result // 获取到base64编码 包括前缀data:image/jpeg;base64,
}
//此时可以使用最上面直接上传base64的方式进行上传了
}
3.最后一种是最坑的一种，由于图片数据是硬件获取到的，或者是通过摄像头拍照拿到的数据，一般都是base64数据，恰好后端又不支持前端直接上传图片，此时就需要前端对base数据处理，转化成能直接上传的file，就类似于转化成 new FormData()

let bytes = window.atob(base64)
let ab = new ArrayBuffer(bytes.length)
let ia = new Uint8Array(ab)
for (let i = 0; i < bytes.length; i++) {
ia[i] = bytes.charCodeAt(i)
}
let imgs = new File([ab], name, { type: ‘image/jpg’ })
const formData = new FormData()
formData.append(‘file’, imgs)

//上传操作 下面是前面几篇文章中讲的axios封装的方法，并无不同
const data =await upload(formData)
console.log(data)
//此处上传无论是直接使用ajax还是axios上传都一样,直接把formData放到data那里就行，不需要键值对形势
//ajax上传就类似于第二步中的 $.ajax上传，formData就是file，直接使用即可
最后第三种需要注意点，let imgs = new File([ab], name, { type: ‘image/jpg’ }) 中的name指的是你自己定义图片的名称，然后生成的formData就包含name以及自己定义的type:’image/jpg’ ，一般直接form表单上传name是包含后缀名的，例如图片.jpg等，后端可能会根据后缀去定义图片格式，前端上传命名时候需要注意点，可以自己随意添加后缀名或者直接让后端从type中去取，或者是让后端自己随便定义即可

补充直接上传二进制文件

let fileData = file.file; // 拿到file后，转为FormData格式，这样再发送给后端就可以了
let formData = new FormData();
formData.append(“img”, fileData);
api_upload(formData) // 发起请求
.then((res)=>{
console.log(res)
})
.catch((err)=>{
console.log(err)
})

//此处直接上传file.file 为二进制文件，不需要将数据转成字符串或其他

————————————————
版权声明：本文为CSDN博主「一梦成回忆」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/H_Elie/article/details/115471125

来源： JS，base64编码的图片上传_js res.photobase64 如何上传-CSDN博客

公司的项目要拍照上传图片，但用了第三方平台，拍照接口返回的是照片的base64编码，如何把base64编码的图片上传到服务器呢？思路上来说：首先，要将base64编码转换成file，再将file塞到from中，提交到后台即可。直接上代码

/**
* imageURI为图片的base64编码，不包含头部部分：data:img/jpg;base64,
**/
var fileName=(new Date()).getTime()+”.jpeg”; //随机文件名
var imgfile=convertBase64UrlToImgFile(imageURI,fileName,’image/jpeg’); //转换成file
var formData = new FormData();
formData.append(‘file’, imgfile); //放到表单中，此处的file要和后台取文件时候的属性名称保持一致
$.ajax({
url:上传文件的后台处理url,
type:”POST”,
cache:false,
data:formData,
processData:false, //不对参数进行转换序列号
contentType:false, //fromData上传文件时将其设置为false
success:function(data){
//成功执行的代码逻辑
},
error:function(data){
//失败执行的代码逻辑
}
});
其中convertBase64UrlToImgFile函数代码如下：

/**
* 有些浏览器(如edge)不支持new File，所以为了兼容，base64要先转换成blob再设置type，name，lastModifiedDate
* 属性间接转换成文件，而不推荐直接new File()的方式
**/
function convertBase64UrlToImgFile(urlData,fileName,fileType) {
var bytes = window.atob(urlData); //转换为byte
//处理异常,将ascii码小于0的转换为大于0
var ab = new ArrayBuffer(bytes.length);
var ia = new Int8Array(ab);
var i;
for (i = 0; i < bytes.length; i++) {
ia[i] = bytes.charCodeAt(i);
}
//转换成文件，添加文件的type，name，lastModifiedDate属性
var blob=new Blob([ab], {type:fileType});
blob.lastModifiedDate = new Date();
blob.name = fileName;
return blob;
}
但在调用时，后台始终获取不到设置的filename，一直是blob。查资料发现，需要在formdata.append时加上文件名，如下：

formData.append(‘file’, imgfile,fileName);
如此，问题解决。
————————————————
版权声明：本文为CSDN博主「southArbor」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u010295735/article/details/89029399

来源： JS实现本地图片预览的两种方式_js图片预览-CSDN博客

方式一：

第一种是用window.URL.createObjectURl方法对选择的图片数据（可以勉强理解为input的value）生成一个blob对象路径。

<template>
<div>
<input multiple type=”file” id=”file” @change=”handleChange”>
<div id=”imagebox”></div>
</div>
</template>

<script>
export default {
data() {
return {};
},
methods: {
handleChange() {
var file = document.getElementById(“file”).files[0]; // 获取input上传的图片数据;
var img = new Image();
var url = window.URL.createObjectURL(file); // 得到bolb对象路径，可当成普通的文件路径一样使用，赋值给src;
img.src = url;
document.getElementById(“imagebox”).appendChild(img);
},
},
};
</script>
方式二：

第二种是用获取 FileReader读取器。

用FileRader对像读取文件可分为四步；1、创建FileReader对像；2、调用readAsDataURL方法读取文件；3、调用onload事件监听，我们一需要拿到完整的数据，但我们又不知道文件何时读完，所以需要第三步监听；4、通过FileRader对像r的result属性拿到读取结果。

<template>
<div>
<input multiple type=”file” id=”file” @change=”handleChange”>
<div id=”imagebox”></div>
</div>
</template>

<script>
export default {
data() {
return {};
},
methods: {
handleChange() {
var file = document.getElementById(“file”).files[0]; // 获取input上传的图片数据;
var read = new FileReader(); // 创建FileReader对像;
read.readAsDataURL(file); // 调用readAsDataURL方法读取文件;
read.onload = function() {
var url = read.result; // 拿到读取结果;
var img = new Image();
img.src = url;
document.getElementById(“imagebox”).appendChild(img);
};
},
},
};
</script>
————————————————
版权声明：本文为CSDN博主「雪花女神」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_46279019/article/details/119417948

来源： C#中使用设置(Settings.settings) Properties.Settings.Default .(配置文件相当重要) – newlives – 博客园

this.BackColor = Properties.Settings.Default.myColor;

Properties.Settings.Default.myColor = Color.AliceBlue;

Properties.Settings.Default.Save();

来源： SQL Server查看库、表占用空间大小 – 郭大侠1 – 博客园

查询数据文件与日志文件占用情况，查看数据大小，查看库大小

1. 查看数据文件占用（权限要求较大）

DBCC showfilestats

2. 查看日志文件占用

dbcc sqlperf(logspace) 

USE master
go
--简易版
SELECT 
Name,
physical_name,
Size/128.0 AS [Size(MB)],
FILEPROPERTY(Name,'SpaceUsed')/128.0 AS [SpaceUsed(MB)],
STR(FILEPROPERTY(Name,'SpaceUsed')*1.0/Size*100,6,3) AS [SpaceUsed(%)] 
FROM master.sys.database_files

--详细版
SELECT a.name [文件名称] ,cast(a.[size]*1.0/128 as decimal(12,1)) AS [文件设置大小(MB)] ,
    CAST( fileproperty(s.name,'SpaceUsed')/(8*16.0) AS DECIMAL(12,1)) AS [文件所占空间(MB)] ,
    CAST( (fileproperty(s.name,'SpaceUsed')/(8*16.0))/(s.size/(8*16.0))*100.0 AS DECIMAL(12,1)) AS [所占空间率%] ,
    CASE WHEN A.growth =0 THEN '文件大小固定，不会增长' ELSE '文件将自动增长' end [增长模式] ,CASE WHEN A.growth > 0 AND is_percent_growth = 0 
    THEN '增量为固定大小' WHEN A.growth > 0 AND is_percent_growth = 1 THEN '增量将用整数百分比表示' ELSE '文件大小固定，不会增长' END AS [增量模式] ,
    CASE WHEN A.growth > 0 AND is_percent_growth = 0 THEN cast(cast(a.growth*1.0/128as decimal(12,0)) AS VARCHAR)+'MB' 
    WHEN A.growth > 0 AND is_percent_growth = 1 THEN cast(cast(a.growth AS decimal(12,0)) AS VARCHAR)+'%' ELSE '文件大小固定，不会增长' end AS [增长值(%或MB)] ,
    a.physical_name AS [文件所在目录] ,a.type_desc AS [文件类型] 
FROM sys.database_files a 
INNER JOIN sys.sysfiles AS s  ON a.[file_id]=s.fileid 
LEFT JOIN sys.dm_db_file_space_usage b ON a.[file_id]=b.[file_id] ORDER BY a.[type]

转自：https://www.cnblogs.com/nikyxxx/archive/2012/10/08/2715423.html

SQL server查看所有表大小、所占空间

基于T-SQL

SELECT 
　　 db_name() as DbName,
    t.NAME AS TableName,
    s.Name AS SchemaName,
    p.rows AS RowCounts,
    SUM(a.total_pages) * 8 AS TotalSpaceKB, 
    CAST(ROUND(((SUM(a.total_pages) * 8) / 1024.00), 2) AS NUMERIC(36, 2)) AS 总共占用空间MB,
    SUM(a.used_pages) * 8 AS UsedSpaceKB, 
    CAST(ROUND(((SUM(a.used_pages) * 8) / 1024.00), 2) AS NUMERIC(36, 2)) AS UsedSpaceMB, 
    (SUM(a.total_pages) - SUM(a.used_pages)) * 8 AS UnusedSpaceKB,
    CAST(ROUND(((SUM(a.total_pages) - SUM(a.used_pages)) * 8) / 1024.00, 2) AS NUMERIC(36, 2)) AS UnusedSpaceMB
FROM 
    sys.tables t
INNER JOIN      
    sys.indexes i ON t.OBJECT_ID = i.object_id
INNER JOIN 
    sys.partitions p ON i.object_id = p.OBJECT_ID AND i.index_id = p.index_id
INNER JOIN 
    sys.allocation_units a ON p.partition_id = a.container_id
LEFT OUTER JOIN 
    sys.schemas s ON t.schema_id = s.schema_id
WHERE 
    t.NAME NOT LIKE 'dt%' 
    AND t.is_ms_shipped = 0
    AND i.OBJECT_ID > 0
GROUP BY 
    t.Name, s.Name, p.Rows
ORDER BY 
    总共占用空间MB desc

create table #Data(name varchar(100),row varchar(100),reserved varchar(100),data varchar(100),index_size varchar(100),unused varchar(100)) 
 
declare @name varchar(100) 
declare cur cursor  for 
    select name from sysobjects where xtype='u' order by name 
open cur 
fetch next from cur into @name 
while @@fetch_status=0 
begin 
    insert into #data 
    exec sp_spaceused   @name 
    print @name 
 
    fetch next from cur into @name 
end 
close cur 
deallocate cur 
 
create table #DataNew(name varchar(100),row int,reserved int,data int,index_size int,unused int) 
 
insert into #dataNew 
select name,convert(int,row) as row,convert(int,replace(reserved,'KB','')) as reserved,convert(int,replace(data,'KB','')) as data, 
convert(int,replace(index_size,'KB','')) as index_size,convert(int,replace(unused,'KB','')) as unused from #data  
 
select * from #dataNew order by data desc

 

 

查看索引大小

--查看索引大小
如果您想要表的每个索引的大小，请使用以下两个查询中的一个：

SELECT
    i.name                  AS IndexName,
    SUM(s.used_page_count) * 8   AS IndexSizeKB
FROM sys.dm_db_partition_stats  AS s 
JOIN sys.indexes                AS i
ON s.[object_id] = i.[object_id] AND s.index_id = i.index_id
WHERE s.[object_id] = object_id('dbo.TableName')
GROUP BY i.name
ORDER BY i.name

---第2种方法
SELECT
    i.name              AS IndexName,
    SUM(page_count * 8) AS IndexSizeKB
FROM sys.dm_db_index_physical_stats(
    db_id(), object_id('dbo.TableName'), NULL, NULL, 'DETAILED') AS s
JOIN sys.indexes AS i
ON s.[object_id] = i.[object_id] AND s.index_id = i.index_id
GROUP BY i.name
ORDER BY i.name
结果通常略有不同，但在1%之内。

 

 查看堆表及数据量超过10W行的

select * from (
SELECT tables.NAME, 
       (SELECT rows 
        FROM   sys.partitions 
        WHERE  object_id = tables.object_id 
               AND index_id = 0 -- 0 is for heap 
               -- 1 is for clustered index 
                And rows >=100000
       )AS numberofrows 
FROM   db_tank.sys.tables tables 
WHERE  Objectproperty(tables.object_id, N'TableHasClustIndex') = 0
)t where numberofrows is not null

 

 

查看表数据行数

但这种办法不是实时的，是SQL server定时做的统计操作，执行下面代码可进一步精确

DBCC UpdateUSAGE(DatabaseName,[TABLENAME])WITH ROW_COUNTS

SELECT   a.name, b.rows
FROM      sysobjects AS a INNER JOIN
                 sysindexes AS b ON a.id = b.id
WHERE   (a.type = 'u') AND (b.indid IN (0, 1))
ORDER BY b.rows DESC

来源： SSMS 实用小技巧_ssms 格式化sql_郑小晨的博客-CSDN博客

一、怎么看Table在哪被用到
选中表→右键→查看依赖关系(V)，就可以看到有哪些地方用到这个表。

二、SQL格式化
SQL Pretty Printer：SSMS的SQL格式化小插件，对于那些很长的SP，真的挺好用。

下载链接：https://www.dpriver.com/dlaction.php

下载下来后安装，重启SSMS就可以用了。

点击SQL Beautifier

1、选择Format All SQL 格式化当前文档所有SQL语句。

2、选择Format Selected SQL格式化选中的SQL语句。

简单好用。。。

最重要的是它还可以设置SQL的格式

SQL Beautifier→SQL Formatter Options

三、执行计划
SQL优化一个很好用的东西，可以看到执行耗时，是否有走索引啊。。。

对于懒得去记那么多东西的人来说，超友好

四、查看最近执行的SQL
选择 当前连接→活动和监视器(M)

选择其中一条，右键→编辑查询文本

就可以看到执行的SQL语句了

————————————————
版权声明：本文为CSDN博主「郑小晨」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u012835032/article/details/118994774