当前位置:首页 > ThinkPHP > 关键词 > 上传 > 正文

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

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,否则点击无法触发上传;

本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/521.html

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

内容有用

联系
顾问

在线
客服
账号登录

没有账号?立即注册

忘记密码

登录即同意用户协议没有账号? 立即注册
账号注册
我已阅读并同意用户协议
立即注册
注册即同意用户协议已有账号? 立即登录
找回密码

操作步骤:邮箱验证->设置新密码

注册即同意用户协议已有账号? 立即登录