php+jq 上传文件

file原样式不好看,所以把他隐藏掉.然后点击下面的按钮触发onclick事件点击上传文件,上传文件后触发onchange事件.

<input onchange="get_name()" type="file" style="display: none;" id="uploadFile"/>
<input class="btn btn-primary radius" type="button" value="导入机构用户" id="btn" />

  下面是jq代码

$(function () {
        //按钮的点击事件
        $('#btn').click(function () {
            //触发file的点击事件
            $('#uploadFile').click();
        });
       
    });

    function get_name(){
        var file = $('#uploadFile')[0].files[0],
        form = new FormData();
        form.append("file", file);
        $.ajax({
            type: 'post',
            url:"{:url('import_user')}",
            data: form,
            contentType: false,
            processData: false,
            success:function(req){
                //请求成功时处理
                if (req.code == 1) {
                    layer.msg(req.msg,{icon:1,time:1000},function(){
                        window.location.reload();
                    });
                }else{
                    layer.msg(req.msg,{icon:5,time:1000});
                }
            },
        });
    }

 

posted @ 2021-04-13 10:25  我又无所求  阅读(203)  评论(0)    收藏  举报