tnblog
首页
视频
资源
登录

文件上传具体操作(txt,ppt,png,jpg,exe,xls,xlsx,pptx,*.mp3/*.wav/*.mid/*.asf/*.mpg/*.avi/*.tti,avi、 rm 、 等)

5228人阅读 2020/5/23 15:28 总访问:194974 评论:6 收藏:0 手机
分类: .Net

```handlebars

  1. html代码:
  2.  <link href="~/Content/layui/css/layui.css" rel="stylesheet" />
  3. <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  4.     <legend>文件上传多样化</legend>
  5. </fieldset>
  6. <input type="file" id="file" name="myfile" style="display: none" />
  7. <input type="text" id="filename" style="display:none" class="layui-text">
  8. <input type="button" class="layui-btn layui-btn-normal" onclick="upload()" value="选择文件上传" />
  9. <br />

```

js: 


```csharp

  1. <script src="~/Content/js/jquery-1.9.1.js"></script>

```


```markup

  1. <script>  
  2.     //文件上传
  3.     function UpladFile(fileObj{
  4.         var form = new FormData(); // FormData 对象
  5.         form.append("file", fileObj); // 文件对象
  6.         $.ajax({
  7.             url'/Excle/fileUpload',      //url地址
  8.             type: 'POST',                 //上传方式
  9.             data: form,                   // 上传formdata封装的数据
  10.             dataType: 'JSON'
  11.             cachefalse,                  // 不缓存
  12.             processData: false,        // jQuery不要去处理发送的数据
  13.             contentType: false,
  14.             beforeSendfunction (info{
  15.                 console.log(info);
  16.             console.log("正在进行,请稍候");
  17.      },        // jQuery不要去设置Content-Type请求头
  18.             success: function (data{           //成功回调
  19.                 console.log(data);
  20.             },
  21.             errorfunction (data{           //失败回调
  22.                 console.log(data);
  23.             }
  24.         });
  25.     }
  26.     //调用上传单击事件
  27.     function upload({
  28.         $("#file").click();
  29.         $('#file').change(function (e{
  30.             console.log(e);
  31.             var fileName = e.target.files[0];//js 获取文件对象
  32.             if (fileName !== undefined) {
  33.                 var file_typename = fileName.name.substring(fileName.name.lastIndexOf('.'));
  34.                  UpladFile(fileName);
  35.                 //if (file_typename === '.xlsx' || file_typename === '.xls') {
  36.                 //    $("#filename").css("display", "block");
  37.                 //    $("#filename").val(fileName.name);
  38.                 //    UpladFile(fileName);
  39.                 //} else {
  40.                 //    console.log("请选择正确的文件类型!");
  41.                 //}
  42.             } else {
  43.                 console.log("请选择正确的文件!")
  44.             }
  45.         });
  46.     }
  47. </script>
  48. ```


后台代码:


```csharp

  1.  public ActionResult fileUpload()
  2.         {
  3.             if (Request.Files.Count > 0
  4.             { 
  5.                 //取出第一个文件
  6.                 var file = Request.Files[0]; 
  7.                 //取出用户上传的文件名
  8.                 String filename = file.FileName;
  9.                 if (!String.IsNullOrWhiteSpace(filename))
  10.                 {
  11.                     string suf = filename.Substring(filename.LastIndexOf('.'));
  12.                     string newfilename = DateTime.Now.ToString("yyyy年MM月dd日HH时mm分s秒") + suf;
  13.                     String url = Server.MapPath("~/Excle/" + newfilename);
  14.                     file.SaveAs(url);
  15.                     string result = newfilename;
  16.                     return Json(new { code = 200, excle_fileName = result });
  17.                 }
  18.             }
  19.             return Json(new { code = 500 });
  20.         } 
  21.  
  22.     }
  23. }

```


输出效果:



上传文件:


选个excle 的吧:


成功返回结果:

打开所指定的文件夹看:


可以看到,最后一个文件和成功后的输出结果是一致的,


这就成功了 。


不懂的可以咨询我。


评价

青春年华

2020/5/23 15:33:16

@剑轩  剑哥有空写个回复接口。

只若初见:@青春年华回复接口写了的哇,我记得以前写好了发了的哇

2020/5/24 17:21:55 回复

青春年华:@只若初见没有,我只有评论接口,有的话,你可以给我一份吗?我现在保存的文本里没有。

2020/5/24 22:31:53 回复

陪你听风

2020/5/26 15:15:51

好久没有看到前端的代码了

青春年华:@陪你听风最上面,HTML

2020/5/27 23:51:05 回复

2020/5/27 23:52:22 回复

人若没梦想,那跟咸鱼有啥样
排名
20
文章
32
粉丝
7
评论
21
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术
想一个人有多想念,那又是文字失效瞬间。