C# kendoUpload 点击Submit 再 JS AJAX 上传后台，文件转字节储存数据库

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了C# kendoUpload 点击Submit 再 JS AJAX 上传后台，文件转字节储存数据库，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4517字，纯文字阅读大概需要7分钟。

内容图文

JS:

 1 <script>
 2 
 3 $(document).ready(function () {
 4 //Kendoui 绑定
 5 $("#files").kendoUpload({
 6 multiple: false,
 7 select: function (e) {
 8 console.log("size:" + e.files[0].size)
 9 console.log("extension:" + e.files[0].extension)
10 },
11 validation: {
12 allowedExtensions: [".jpg", ".png", ".pdf", ".docx", ".xlsx", ".xls", ".doc", ".ppt", ".pptx"],
13 maxFileSize: (1048576 * 5),
14 
15 },
16 });
17 });
18 
19 
20 //form 提交时触发，‘swal‘是一个比较靓仔的弹窗
21 $(‘form‘).submit(function (event) {
22 var fileData = $("#files").data(‘kendoUpload‘).getFiles();
23 if (fileData.length == 0 && $("#FileId").val() == "") {
24 swal({
25 title: "Pelase Select  File",
26 html: "",
27 type: ‘warning‘,
28 showCancelButton: false,
29 confirmButtonText: "OK",
30 });
31 return false;
32 }
33 mApp.blockPage();
34 event.preventDefault();
35 var formdata = new FormData($(‘#Form‘).get(0));
36 $.ajax({
37 type: "POST",
38 url: ‘@Url.Action("Update", "Controller")‘,
39 data: formdata,
40 dataType: "json",
41 processData: false,
42 contentType: false,
43 success: function (response) {
44 mApp.unblockPage()
45 if (response.Success) {
46 swal({
47 title: "Submission is completed",
48 html: "",
49 type: ‘warning‘,
50 showCancelButton: false,
51 confirmButtonText: "OK",
52 });
53 
54 } else {
55 swal({
56 title: "Error",
57 html: "",
58 type: ‘warning‘,
59 showCancelButton: false,
60 confirmButtonText: "OK",
61 });
62 }
63 }
64 });
65 });
66 
67 }
68 
69 </script>

C#：

 1 public class ViewModel
 2 
 3 {
 4 
 5 public int ID{ get; set; }
 6 
 7 public string Description{ get; set; }
 8 
 9 }
10 
11 [HttpPost]
12 
13 public ActionResult UpdateDocumentTemplate([Bind(Exclude = null)] ViewModel model, IEnumerable<HttpPostedFileBase> files)
14 
15 {
16 
17 foreach (var file in files)
18 
19 {
20 
21 if (file != null){
22 
23 var TempPathFolder ="C:\Temporary\"
24 
25 //判断路径是否存在
26 
27  if (!Directory.Exists(TempPathFolder))
28 
29 {
30 
31 Directory.CreateDirectory(TempPathFolder);//不存在，创建
32 
33 }
34 
35 var fileName = Path.GetFileName(file.FileName);
36 
37 var TempFilePath = TempPathFolder + @"\" + fileName;
38 
39 file.SaveAs(TempFilePath);//文件保存
40 
41 //
42 
43 DirectoryInfo directory = new DirectoryInfo(TempPathFolder);
44 
45  files2 = directory.GetFiles();
46  if (files2.Length > 0)
47 
48                         {
49 
50                             byte[] bytes = System.IO.File.ReadAllBytes(files2[0].FullName);
51 
52                             fileArr = CompressHelper.Compress(bytes);
53 
54                             fileFormat = (files2[0].Name).Split(‘.‘)[1];//文件转字节，可存数据库
55 
56 
57 
58                         }
59 
60 }
61 
62 }
63 
64 }

字节转文件：

 1 [System.Web.Http.HttpGet]
 2 public HttpResponseMessage eMemoTemplateDownload( )
 3 {
 4  HttpResponseMessage result = new HttpResponseMessage();
 5 byte[] file;//字节
 6 var fileName ="";
 7  if (file != null)
 8             {
 9                 result = new HttpResponseMessage(HttpStatusCode.OK);
10                 result.Content = new ByteArrayContent(file);
11                 result.Content.Headers.ContentDisposition =
12                         new System.Net.Http.Headers.ContentDispositionHeaderValue("attachment")
13                         {
14                             FileName = fileName
15                         };
16                 return result;
17             }
18 
19 }

Form

C# kendoUpload 点击Submit 再 JS AJAX 上传后台，文件转字节储存数据库

标签：turn   cancel   判断   col   set   doc   creat   script   als   

本文系统来源：https://www.cnblogs.com/RenPS/p/14218335.html

内容总结

以上是互联网集市为您收集整理的C# kendoUpload 点击Submit 再 JS AJAX 上传后台，文件转字节储存数据库全部内容，希望文章能够帮你解决C# kendoUpload 点击Submit 再 JS AJAX 上传后台，文件转字节储存数据库所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端