JQuery按照form上传文件+asp.net后台处理(一)

原创 2015年11月20日 17:19:08

这几天一直搞web端。现在看看js上传处理方式。

我现在发现的有两种方式,应该有很多方式。大家可以看看。

先看看效果:


当点击出金导入的时候弹出框,后面的框就是上传文件的结果了。

首先声明一个表单

<form name="postSC" id="postSC" method="post" enctype="multipart/form-data">
    <input class="btn btn-default" id="excel_file" type="file" name="filename" />
    <input id="excel_button" type="submit" value="导入Excel" />
</form>

然后直接处理。

方式一:

$(function(){ 
                var options = {  
                    url:urlWithdraw,
                    beforeSubmit:  function () {
                        //return $(this).form('validate');
                    },
                    success: function (result) {
                        //debugger;
                        if (result) {
                            var data = eval('(' + result + ')');
                            finishcall(data, callback);
                        }

                    },
                    resetForm: true,  
                    dataType:  'json'  
                };  
  
                $('#postSC').submit(function() { //注意这里的index_form
                    $(this).ajaxSubmit(options); 
                    return false;//防止dialog 自动关闭
                });
            });
    



方式二:

 $("#excel_button").on('click', function() {
                $("#postSC").attr('action', urlWithdraw);
                $('#postSC').attr('method', 'POST');
                $('#postSC').attr('encding', 'multipart/form-data');
                var excel_file = $("#excel_file").val();
                if (excel_file == "" || excel_file.length == 0) {
                    alert("请选择文件路径!");
                    return false;
                } else {
                    return true;
                }
            });

后面说一下easyui处理方式。

版权声明:本文为博主原创文章,未经博主允许不得转载。

用jquery.form ajax提交文件上传表单

今天是准备把我们学校的毕业论文系统的上传论文做完的,但过程遇到了问题,问题如下: 1.用原生的    提交带有文件的表单到后台 2.后台是用的springMVC接收处理的,如下: ...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

asp.net 使用纯jquery上传控件 fineuploader实现多文件上传

做的一个asp.net项目系统中需要用到多文件上传的功能,但是原生的FileUploader不支持一次选择多个文件上传,用户要求一次性选择多个文件一次性批量上传。于是乎在网上找了好多所谓多文件上传的控...

form表单上传文件

表单中enctype="multipart/form-data"的意思,是设置表单的MIME编码。 默认情况,enctype的编码格式是application/x-www-form-ur...

asp.net/c# 用<input type="file" />实现文件上传,multipart/form-data

我们常用的上传文件的工具(控件),它和 不一样,在后台不能直接获取到,不能像 this.FileUpload1.PostedFile……那样去获取 而有时我们必须使用,如动态给页面添加好多个,你们后台...
  • dhfekl
  • dhfekl
  • 2013年08月03日 17:19
  • 8568

.net 后台提交表单并返回结果

a.aspx后台提交表单,b.aspx接收表单(根据input的name获得值)代码点击此处.rar 1、a.aspx ...
  • wem520
  • wem520
  • 2014年03月27日 11:54
  • 5569

asp.net中利用jQuery Form插件上传文件

jQuery Form Plugin:http://pan.baidu.com/s/1jG81W3O jquery-1.8.3.min.js:
  • Joyhen
  • Joyhen
  • 2014年05月06日 11:24
  • 3650

Asp.Net MVC中jquery.form附件上传例子

  • 2015年07月11日 17:50
  • 2.91MB
  • 下载

asp.net下使用 jquery.form.js 上传图片(文件)

asp.net 下 使用jquery.form.js 。js代码,html片段,handler代码

ASP.NET MVC5+EF6+EasyUI 后台管理系统(32)-swfupload多文件上传[附源码]

系列目录 文件上传这东西说到底有时候很痛,原来的asp.net服务器控件提供了很简单的上传,但是有回传,还没有进度条提示。这次我们演示利用swfupload多文件上传,项目上文件上传是比不可少的,大...
  • ymnets
  • ymnets
  • 2017年11月29日 08:39
  • 12
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery按照form上传文件+asp.net后台处理(一)
举报原因:
原因补充:

(最多只允许输入30个字)