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

HTML代码

" layui-fluid layui-bg-white">

    
"layui-elem-field layui-field-title" style="margin-top: 30px;">
        
拖拽上传
    

    
"layui-upload-drag" id="demoimport">
        "layui-icon">
        
点击上传，或将文件拖拽到此处
    

    
"layui-elem-field layui-field-title" style="margin-top: 30px;">
        
为节省服务器开销，导入文件均为临时文件。
    

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！