码迷,mamicode.com
首页 > Web开发 > 详细

ajaxFileUpload用法

时间:2015-04-01 11:11:37      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

首先要引入两个js

<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/ajaxfileupload.js"></script>
注意顺序
$(function(){
    $(‘#upload‘).click(function(){
            $("#submit_info").click(
                    function() {
                        var fileObj = document.getElementById("file_e").files;
                        if (fileObj.length < 1) {
                            alert("请选择一个上传文件!");
                        } else {
                        ajaxFileUpload();
                    }
                    })
        });
    });

function ajaxFileUpload() {
        $.ajaxFileUpload(
                {
                    url: ‘/student/openUpload/‘,
                    type: ‘post‘,
                    secureuri: false, //是否需要安全协议,一般设置为false
                    fileElementId: ‘file_e‘, //文件上传域的ID
                    dataType: ‘json‘, //返回值类型 一般设置为json
                    success: function (response) {  // 处理完数据后前台的回调函数(即后台执行完之后前台接着要做的事)
                        if (response[‘flag‘] == true) {
                            var data = response[‘msg‘];
                            alert(data);
                            window.location = "/student/open/"
                        } else {
                            data = response[‘msg‘];
                            alert(data);
                        }
                    },
                    error: function (data, status, e)//服务器响应失败处理函数
                    {
                        alert(e);
                    }
                });
    }

  

ajaxFileUpload用法

标签:

原文地址:http://www.cnblogs.com/tuifeideyouran/p/4383042.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!