layui框架实战案例(2):layui文件上传PHP后台参数获取方式及JSON返回格式

简介: layui框架实战案例(2):layui文件上传PHP后台参数获取方式及JSON返回格式

HTML代码

<div class=" layui-fluid layui-bg-white">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend>拖拽上传</legend>
    </fieldset>
    <div class="layui-upload-drag" id="demoimport">
        <i class="layui-icon"></i>
        <p>点击上传,或将文件拖拽到此处</p>
    </div>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend>为节省服务器开销,导入文件均为临时文件。</legend>
    </fieldset>
</div>


JS代码

   layui.use('upload', function () {
        var $ = layui.jquery
                , upload = layui.upload;
        //拖拽上传
        upload.render({
            elem: '#demoimport'
            , url: '?m=Demo&a=uploadFile'
            , accept: 'file' //普通文件
            , exts: 'xls|xlsx' //只允许上传压缩文件
            , done: function (res) {
                //如果上传失败
                if (res.code == 0) {
                    return layer.msg('上传失败,' + res.err);
                }
                //上传成功
                if (res.code > 0) {
                    layer.alert(res.err, {icon: 6}, function () {
                        var index = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(index);
                        window.parent.location.reload();
                    });
                }
            }
        });
    });


PHP后台参数获取

//获取表格的大小,限制上传表格的大小5M
  $file_size = $_FILES['file']['size'];
  if ($file_size > 5 * 1024 * 1024) {
    $res['code'] = '0';
    $res['err']  = '只能上传小于5M大小的文件!';
    die(json_encode($res));
  }
//限制上传表格类型
  $file_type = $_FILES['file']['type'];
  if ($file_type != 'application/vnd.ms-excel') {
    $res['code'] = '0';
    $res['err']  = '上传失败,只能上传excel2003的xls格式!';
    die(json_encode($res));
  }


Done!

相关文章
|
3月前
|
存储 JSON JavaScript
【chat-gpt问答记录】python将数据存为json格式和yaml格式
【chat-gpt问答记录】python将数据存为json格式和yaml格式
52 1
|
3月前
|
存储 JSON JavaScript
使用Python处理JSON格式数据
使用Python处理JSON格式数据
|
17天前
|
JSON C语言 数据格式
Python导出隐马尔科夫模型参数到JSON文件C语言读取
Python导出隐马尔科夫模型参数到JSON文件C语言读取
13 1
|
20天前
|
JSON Java Android开发
Android 开发者必备秘籍:轻松攻克 JSON 格式数据解析难题,让你的应用更出色!
【8月更文挑战第18天】在Android开发中,解析JSON数据至关重要。JSON以其简洁和易读成为首选的数据交换格式。开发者可通过多种途径解析JSON,如使用内置的`JSONObject`和`JSONArray`类直接操作数据,或借助Google提供的Gson库将JSON自动映射为Java对象。无论哪种方法,正确解析JSON都是实现高效应用的关键,能帮助开发者处理网络请求返回的数据,并将其展示给用户,从而提升应用的功能性和用户体验。
29 1
|
9天前
|
JSON Java API
解码Spring Boot与JSON的完美融合:提升你的Web开发效率,实战技巧大公开!
【8月更文挑战第29天】Spring Boot作为Java开发的轻量级框架,通过`jackson`库提供了强大的JSON处理功能,简化了Web服务和数据交互的实现。本文通过代码示例介绍如何在Spring Boot中进行JSON序列化和反序列化操作,并展示了处理复杂JSON数据及创建RESTful API的方法,帮助开发者提高效率和应用性能。
39 0
|
13天前
|
JSON 开发工具 数据格式
【Azure Event Hub】Event Hub的Process Data页面无法通过JSON格式预览数据
【Azure Event Hub】Event Hub的Process Data页面无法通过JSON格式预览数据
|
23天前
|
JSON JavaScript 前端开发
Vue项目使用Cookie,以Json格式存入与读取Cookie,设置过期时间以及删除操作
这篇文章介绍了在Vue项目中如何使用JavaScript操作Cookie,包括设置、读取、设置过期时间以及删除Cookie的方法。
84 0
|
3月前
|
PHP
PHP开发的爱情盲盒交友系统网站源码 独立后台
PHP开发的爱情盲盒交友系统网站源码 独立后台
41 4
|
2月前
|
JSON 数据格式
Content type ‘text/plain;charset=UTF-8‘ not supported,这里要把测试文件转为json格式
Content type ‘text/plain;charset=UTF-8‘ not supported,这里要把测试文件转为json格式
|
3月前
|
JSON JavaScript 前端开发
一篇文章讲明白json文件格式详解
一篇文章讲明白json文件格式详解
50 0
下一篇
DDNS