关闭

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

329人阅读 评论(0) 收藏 举报
分类:

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:25269次
    • 积分:856
    • 等级:
    • 排名:千里之外
    • 原创:62篇
    • 转载:0篇
    • 译文:0篇
    • 评论:2条
    最新评论