首页 > Web开发 > 详细

ajaxFileUpload用法

时间:2015-04-01 11:08:54      阅读:232      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!