序言：如今各种框架层出不穷，如thinkphp、laravel、yii等，对于功能的封装也是各显其能，以至于很多开发者离开了框架之后就不会开发了，今天我以实际的例子介绍最基本的图片上传功能，希望对一些朋友有所帮助。

thinkphp5的上传功能

文件上传是网站开发中常见的功能之一，它可以使用户轻松上传图片、音频、视频等文件。在PHP中，实现文件上传也非常简单。下面为大家介绍具体的步骤，让你的网站功能更加强大。

步骤一：创建文件上传表单

首先，我们需要在HTML中创建一个文件上传的表单，用于让用户选择要上传的文件。具体的HTML代码如下：

在表单中我们使用了标签来创建一个文件选择框，用户可以通过点击按钮选择要上传的文件。

我的mac上php配置文件的安装路径是/usr/local/etc/php/7.3，编译安装php的话 configure 编译参数指定，目录下有conf.d/ pear.conf php-fpm.conf php-fpm.d/ php.ini几个文件目录。

php.ini文件是php虚拟机的配置文件，是php解释器本身的配置文件

在php中，可以使用以下函数来包含其他文件：include()、include_once()、require()、require_once()。

程序员编程语言之间的鄙视链：

一、签到子页面布局

子页面主要是一个签到按钮，然后下方是签到记录列表。

1、什么是弹性布局

Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。

datagrid 开启多选框，如果你在页面选择后，去搜索，查询刷新数据会触发onUncheck（全不选）事件；那么就不采用查询而是采用load(重载)就不会触发；

例如：做列表多选，并支持跨页、查询多选，遇到历史选中的数据能显示选中状态；

<table data-toggle="topjui-datagrid" data-options="id: 'xxxDg',showFooter:true,
                  checkOnSelect:true,onDblClickRow:doDbClickCancelCheckbox, nowrap:true,autoRowHeight:false,onCheck:function(index,row){checkFee(index,row,1)},onUncheck:function(index,row){checkFee(index,row,2)},
                 onCheckAll:function(rows){checkAllFee(rows,1)},onUncheckAll:function(rows){checkAllFee(rows,2)},onBeforeLoad:function(param){param.check_ids=$('#fee_ids').val()},
                    url:'xxx.com?xxx=xxx'">
        <thead>
        <tr>
            <th data-options="field:'for_what',title:'事由',sortable:true,width:300"></th>
           <!--        ……      -->
        </tr>
        </thead>
    </table>
<!-- 表格工具栏开始 -->
<div id="xxxDg-toolbar" class="topjui-toolbar" data-options="grid:{ type:'datagrid', id:'xxxDg'}">
    <form id="xxxDgForm" class="search-box">
        <input type="text" name="apply_username"  data-toggle="topjui-combobox"
               data-options="prompt:'申请人',width:100 ,data:[],editable:true,hasDownArrow:false,panelHeight:0,onChange:xxxDgChange">
<!--        ……      -->
        <a href="javascript:void(0)" id="xxxDgSubmit" data-toggle="topjui-menubutton"
           data-options="method:'query', iconCls:'fa fa-search',   btnCls:'topjui-btn-blue',
               form:{id:'xxxDgForm'},
               grid:{type:'datagrid','id':'xxxDg'}">查询</a>
    </form>
</div>
<script>
     //当双击一行时，取消复选框选中状态
    function doDbClickCancelCheckbox(index, row) {
        $('#xxxDg').iDatagrid('uncheckRow',index);
    }
 //当改变下拉列表值时，执行此函数
     function xxxDgChange(nv,ov) {
         $('#xxxDg').iDatagrid('load',$('#xxxDgForm').serializeObject());
         // $('#xxxDgSubmit').trigger('click')
     }            
 </script>