thinkphp+layui上传压缩包到网站服务器源码

html代码如下：

 <div class="layui-input-3">
     <input type="text" id="down" name="down" value="" class="layui-input">
 </div>
 <div class="layui-input-3">
     <button type="button" class="layui-btn layui-btn-primary" id="upload"><i class="layui-icon"></i>上传</button>
 </div>

jq代码如下：

<script>
layui.use(['upload','form', 'layer'], function () {
    var form = layui.form,
    layer = layui.layer,
    $ = layui.jquery,
    upload = layui.upload;
    
    upload.render({ //允许上传的文件后缀
        elem: '#down'
        ,url: "{:url('upload')}" //改成您自己的上传接口
        ,accept: 'file' //普通文件
        ,exts: 'zip' //只允许上传压缩文件
        ,done: function(res){
            layer.msg('上传成功');
            console.log(res);
            $("#down").val(res.name); //给down赋值，用于表单提交
        }
    });
});
</script>

ThinkPHP代码如下：

public function upload(){
    name = $_FILES['file']['name'];
    $tmp_name = $_FILES['file']['tmp_name'];
    $savePath = PUBLIC_DIR."/uploads/".$name;//文件url
    $res = move_uploaded_file($tmp_name,$savePath);
    if($res){
        die(json_encode(array("code" =>"1","message"=>"上传成功","name"=>$name)));//name用于表单提交
    }else{
        die(json_encode(array("code" =>"2","message"=>"上传失败")));
    }
}

常见问题：

1. layui需要引用upload，否则点击无法触发上传；

本文属原创，转载请注明原文：http://www.zhimatong.com/jiaocheng/521.html

为保证教程的实用性及扩大知识面覆盖，如果您有相似问题而未解决，可联系在线客服免费技术支持。