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

这几天一直搞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处理方式。