JQ的异步文件上传

朴灿烈づ我的快乐病毒、 2021-09-20 09:38 298阅读 0赞

一,view代码

<form role="form">
          <div class="form-group">
             <label for="keyinput">选择文件：</label>
             <input type="file" name="upfile" id="upfile" />
          </div>
          <div class="form-group">
             <input class="btn btn-minw btn-danger" type="button" οnclick="importExp()" value="ajax导入" />
          </div>
    </form>

function importExp() {
                var formData = new FormData();
                formData.append("file", document.getElementById("upfile").files[0]);
                $.ajax({
                    type: 'POST',
                    url: '/s/Import',
                    data: formData,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function (data) {
                        layer.msg(data.msg);
    　　　　　　　　　　　　// 清空input file文件原生js
                        var file = document.getElementById("upfile");
                        // for IE, Opera, Safari, Chrome
                        if (file.outerHTML) {
                            file.outerHTML = file.outerHTML;
                        } else { // FF(包括3.5)
                            file.value = "";
                        }
                    }
                });
            }

二，控制器代码

public JsonResult ImportExecl()
            {
                bool isOk = false;
                var file = Request.Files[0];
                if (file == null || file.ContentLength <= 0)
                {
                    return Json(new { IsOk = isOk, msg = "请上传excel文件" });
                }
                if (!new List<string>() { ".xls" }.Contains(Path.GetExtension(file.FileName)))
                {
                    return Json(new { IsOk = isOk, msg = "请上传格式为.xls的excel文件" });
                }
    　　　　　　　　var a = file.InputStream;
    　　　　 }

综上，就可以获取到file.InputStream文件流，然后对文件流的操作就可以了

转载于:https://www.cnblogs.com/May-day/p/10143275.html

发表评论取消回复

表情：

评论列表（有 0 条评论，298人围观）

还没有评论，来说两句吧...

相关阅读

相关 html异步文件上传代码,Ajax异步上传文件实例代码分享

非常不多说，直接给大家上干货，写的不好还请见谅。具体代码如下所示： Index $(function() \{ $(':button').click(function

逃离我推掉我的手/ 2022年10月06日 13:49/ 0 赞/ 225 阅读

相关前端ajax异步上传文件+SpringMVC处理上传文件

mark一下以防自己以后再次遇到，也是给同行们一个参考。先说下我的需求：前端我需要给用户一个上传文件页面，用户点击上传后，不会像提交form一样跳转，而是在上传页面

本是古典何须时尚/ 2022年06月13日 00:57/ 0 赞/ 334 阅读

相关文件同步和异步上传

一、准备工作：先在maven下搭建一个ssh框架： 1、依赖包pom.xml: <project xmlns="http://maven.apache.o

傷城~/ 2022年06月03日 03:29/ 0 赞/ 221 阅读

相关上传文件(jq,php)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head>

Dear 丶/ 2022年06月02日 22:45/ 0 赞/ 311 阅读

相关 Ajax异步上传文件

\[b\]\[color=green\]\[size=large\]近来，项目有个小需求需要使用到Ajax异步上传文件，本来Ajax是不支持上传文件的，但是可以通过IFrame

Love The Way You Lie/ 2022年04月21日 14:58/ 0 赞/ 463 阅读

相关 AJAX异步多文件上传

目录需求描述相关技术后台接口前端代码截图展示后台代码 upload接口 upload\_mulite接口遇到的问题 1.图片实时预览文件名问题

末蓝、/ 2022年03月20日 05:52/ 0 赞/ 327 阅读

相关 ajax异步上传文件

这里主要使用前端的方法，主要用到了h5的api。使用的时候，一定要在界面上加入： <%--使用formdata来上传文件一定要注明该注释为html5--%>

太过爱你忘了你带给我的痛/ 2022年02月19日 07:09/ 0 赞/ 376 阅读

相关 springmvc异步上传及多文件上传

上传文件的基本配置等在[springmvc实现文件上传下载][springmvc]中已经写过了，在上一篇中写的是单文件上传，这一篇主要写的是多文件异步上传；应用场景：上传相

柔光的暖阳◎/ 2021年10月20日 00:00/ 0 赞/ 482 阅读

相关 JQ的异步文件上传

一,view代码 <form role="form"> <div class="form-group"> <label

朴灿烈づ我的快乐病毒、/ 2021年09月20日 09:38/ 0 赞/ 299 阅读

相关文件的上传（表单上传和ajax文件异步上传）

一.表单上传： html客户端部分： <form action="upload.ashx" method="post" enctype="multipart/f

亦凉/ 2021年06月26日 16:06/ 0 赞/ 665 阅读