net core base64上传图片

前台

html:

1. <div>
2.     <input type="file" onchange="selectImage(this.files)" accept="">
3. </div>

js:

1. function selectImage(files) {
2.     let reader = new FileReader();
3.     let file = files[0];
4.     reader.readAsDataURL(file);
5.     reader.onload = function () {
6.         $.post('/Home/UpLoadFile', { filecontent: reader.result }, function (result) {
7.         });
8.     }
9. }

后端

base64转化的工具类：

1. public class Base64Convert
2.     {
3.         /// <summary>
4.         /// 文件转换成Base64字符串
5.         /// </summary>
6.         /// <param name="fileName">文件绝对路径</param>
7.         /// <returns></returns>
8.         public static String FileToBase64(string fileName)
9.         {
10.             string strRet = null;
12.             try
13.             {
14.                 FileStream fs = new FileStream(fileName, FileMode.Open);
15.                 byte[] bt = new byte[fs.Length];
16.                 fs.Read(bt, 0, bt.Length);
17.                 strRet = Convert.ToBase64String(bt);
18.                 fs.Close();
19.             }
20.             catch (Exception ex)
21.             {
22.                 throw ex;
23.             }
25.             return strRet;
26.         }
28.         /// <summary>
29.         /// Base64字符串转换成文件
30.         /// </summary>
31.         /// <param name="strInput">base64字符串</param>
32.         /// <param name="fileName">保存文件的绝对路径</param>
33.         /// <returns></returns>
34.         public static bool Base64ToFileAndSave(string strInput, string fileName)
35.         {
36.             bool bTrue = false;
38.             try
39.             {
40.                 byte[] buffer = Convert.FromBase64String(strInput);
41.                 FileStream fs = new FileStream(fileName, FileMode.CreateNew);
42.                 fs.Write(buffer, 0, buffer.Length);
43.                 fs.Close();
44.                 bTrue = true;
45.             }
46.             catch (Exception ex)
47.             {
48.                 throw ex;
49.             }
51.             return bTrue;
52.         }
53.     }

提交的控制器：

1. public IActionResult UpLoadFile()
2. {
3.     string base64 = Request.Form["filecontent"];
4.     //base64需要把前面的申明去掉
5.     string newbase = base64.Replace("data:image/jpeg;base64,", "");
6.     //把图片存储到c盘,具体操作的时候位置可以自行改变
7.     Base64Convert.Base64ToFileAndSave(newbase, "c://timg.jpg");
9.     return View();
10. }

优化一下

前台的时候把图片后缀名传过去

1. <script>
2.     function selectImage(files) {
3.         let reader = new FileReader();
4.         let file = files[0];
5.         console.log(file);
7.         //取出来文件的后缀名(方便在后台保存的时候用)
8.         var index = file.name.lastIndexOf(".");
9.         var fileExt = file.name.substr(index + 1);
10.         console.log(fileExt);
12.         reader.readAsDataURL(file);
13.         reader.onload = function () {
14.             console.log(reader.result);
15.             $.post('/Home/UpLoadFile', { filecontent: reader.result, fileExt: fileExt }, function (result) {
16.             });
17.         }
18.     }
19. </script>

后台去掉前缀的方法换成正则表达式，因为格式不固定

1. /// <summary>
2. /// base64图片上传
3. /// </summary>
4. public void UpLoadFile()
5. {
6.     string base64 = Request.Form["filecontent"];
7.     string fileExt = Request.Form["fileExt"];
9.     #region base64需要把前面的申明去掉(当然前缀这个也可以放在前端处理)
10.     //string newbase = base64.Replace("data:image/jpeg;base64,", "");
11.     //这里用了一下正则表达式因为可能是格式data:image/jpeg;base64，data:image/png;base64等等
12.     string base64img = Regex.Replace(base64, "data:image/.*;base64,", "");
13.     #endregion
14. }

保存的时候图片名字用guid

1. //把图片存储到c盘,具体操作的时候位置可以自行改变
2. Base64Convert.Base64ToFileAndSave(base64img, "c://" + Guid.NewGuid().ToString().Replace("-", "") +"."+ fileExt);