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

```handlebars
- html代码:
- <link href="~/Content/layui/css/layui.css" rel="stylesheet" />
- <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
- <legend>文件上传多样化</legend>
- </fieldset>
- <input type="file" id="file" name="myfile" style="display: none" />
- <input type="text" id="filename" style="display:none" class="layui-text">
- <input type="button" class="layui-btn layui-btn-normal" onclick="upload()" value="选择文件上传" />
- <br />
```
js:
```csharp
- <script src="~/Content/js/jquery-1.9.1.js"></script>
```
```markup
- <script>
- //文件上传
- function UpladFile(fileObj) {
- var form = new FormData(); // FormData 对象
- form.append("file", fileObj); // 文件对象
- $.ajax({
- url: '/Excle/fileUpload', //url地址
- type: 'POST', //上传方式
- data: form, // 上传formdata封装的数据
- dataType: 'JSON',
- cache: false, // 不缓存
- processData: false, // jQuery不要去处理发送的数据
- contentType: false,
- beforeSend: function (info) {
- console.log(info);
- console.log("正在进行,请稍候");
- }, // jQuery不要去设置Content-Type请求头
- success: function (data) { //成功回调
- console.log(data);
- },
- error: function (data) { //失败回调
- console.log(data);
- }
- });
- }
- //调用上传单击事件
- function upload() {
- $("#file").click();
- $('#file').change(function (e) {
- console.log(e);
- var fileName = e.target.files[0];//js 获取文件对象
- if (fileName !== undefined) {
- var file_typename = fileName.name.substring(fileName.name.lastIndexOf('.'));
- UpladFile(fileName);
- //if (file_typename === '.xlsx' || file_typename === '.xls') {
- // $("#filename").css("display", "block");
- // $("#filename").val(fileName.name);
- // UpladFile(fileName);
- //} else {
- // console.log("请选择正确的文件类型!");
- //}
- } else {
- console.log("请选择正确的文件!")
- }
- });
- }
- </script>
- ```
后台代码:
```csharp
- public ActionResult fileUpload()
- {
- if (Request.Files.Count > 0)
- {
- //取出第一个文件
- var file = Request.Files[0];
- //取出用户上传的文件名
- String filename = file.FileName;
- if (!String.IsNullOrWhiteSpace(filename))
- {
- string suf = filename.Substring(filename.LastIndexOf('.'));
- string newfilename = DateTime.Now.ToString("yyyy年MM月dd日HH时mm分s秒") + suf;
- String url = Server.MapPath("~/Excle/" + newfilename);
- file.SaveAs(url);
- string result = newfilename;
- return Json(new { code = 200, excle_fileName = result });
- }
- }
- return Json(new { code = 500 });
- }
-
- }
- }
```
输出效果:
上传文件:
选个excle 的吧:
成功返回结果:
打开所指定的文件夹看:
可以看到,最后一个文件和成功后的输出结果是一致的,
这就成功了 。
不懂的可以咨询我。
评价
排名
20
文章
32
粉丝
7
评论
21
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256


欢迎加群交流技术