php+jq 上传文件

caicairich

已于 2023-05-05 11:20:09 修改

阅读量238

点赞数

文章标签：前端 javascript

于 2023-03-28 16:33:30 首次发布

本文链接：https://blog.csdn.net/caicairich/article/details/129819062

版权

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

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

下面是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});
                }
            },
        });
    }