有些时候我们提交的表单中含有文件。怎么样让表单里的数据和文件一起提交。

我的数据表tb_user内容如下：

CREATE TABLE `tb_user` (

  `id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '用户ID',

  `name` varchar(32) DEFAULT '' COMMENT '用户名',

  `pwd` varchar(64) DEFAULT '' COMMENT '密码',

  `head_img` varchar(256) DEFAULT '' COMMENT '图像',

  `sex` tinyint(1) DEFAULT '0' COMMENT '性别(0:男,1:女)',

  `age` tinyint(3) DEFAULT '0' COMMENT '年龄',

  PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='用户表';

表单页面代码如下(至于为什么没有用ActiveForm来创建，这个就不解释了)：

<?php

use yii\helpers\Url;

?>

<!doctype html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>表单提交</title>

</head>

<body>

<form action="<?php echo Url::toRoute('index/index'); ?>" method="post" enctype="multipart/form-data">

    姓名：<input type="text" name="name"><br>

    密码：<input type="password" name="pwd"><br>

    性别：<input type="radio" name="sex" value="0" checked>男

         <input type="radio" name="sex" value="1">女<br>

    年龄：<input type="number" name="age"><br>

    头像：<input type="file" name="head_img"><br>

    <input type="submit" value="提交">

    <input name="_csrf" type="hidden" value="<?php echo \Yii::$app->request->csrfToken; ?>">

</form>

</body>

</html>

模型类代码如下：

<?php

namespace app\models;

use yii\db\ActiveRecord;

use yii\web\UploadedFile;

class MyUser extends ActiveRecord

{

    //注意这里的上传路径是相对你入口文件

    const UPLOAD_PAHT = 'uploads/';

    //返回你要操作的数据表名

    public static function tableName()

    {

        return '{{%user}}';

    }

    //设置规则，验证表单数据

    public function rules()

    {

        return [

            ['name', 'required', 'message' => '请填写用户名'],

            ['pwd', 'string', 'length' => [6, 12], 'message' => '密码6-12位'],

            ['sex', 'in', 'range' => [0, 1], 'message' => '正确选择性别'],

            ['age', 'integer', 'min' => 1, 'max' => 120, 'message' => '正确填写年龄'],

            ['head_img', 'image', 'extensions' => ['png', 'jpg', 'gif'], 'maxSize' => 1024 * 1024 * 1024, 'message' => '请上传头像'],

        ];

    }

    //上传头像

    public function uploadHeadImg()

    {

        //'head_img'这个字符串必须跟你表单中file控件的name字段相同

        $head_img = UploadedFile::getInstanceByName('head_img');

        if (!empty($head_img)) {

            $filePath = self::UPLOAD_PAHT . date('Ymd') . '/';

            //判断文件上传路径，如果不存在，则创建

            if (!file_exists($filePath)) {

                @mkdir($filePath, 0777, true);

                @chmod($filePath, 0777);

            }

            //文件名，我们通过md5文件名加上扩展名

            $fileName = md5($head_img->baseName) . '.' . $head_img->extension;

            $file = $filePath . $fileName;

            //保存文件到我们的服务器上

            $head_img->saveAs($file);

            //返回服务器上的文件地址

            return $file;

        } else {

            return false;

        }

    }

}

控制器代码如下：

<?php

namespace app\controllers;

use YII;

use yii\web\Controller;

class IndexController extends Controller

{

    public function actionIndex()

    {

        if (YII::$app->request->isPost) {

            $user = new \app\models\MyUser();

            //把POST过来的数据加载到user对象

            $data = YII::$app->request->post();

            //注意第二个参数设为''，默认YII的ActiveForm创建的表单元素会加上下标

            $user->load($data, '');

            if ($user->validate()) {

                $user->pwd = YII::$app->security->generatePasswordHash($user->pwd);

                $user->head_img = $user->uploadHeadImg();

                //这里保存时设为false不验证，因为pwd加密了

                $user->save(false);

            } else {

                var_dump($user->errors);

            }

        } else {

            return $this->renderPartial('index');

        }

    }

}

这样我们就可以通过表单上传图像了。

YII2表单中上传单个文件的更多相关文章

  1. MVC认知路【点点滴滴支离破碎】【五】----form表单上传单个文件

    //个人理解:前台一个form加input[type='file'],在加一个submit的按钮 主要设置form的action,method,enctype='multipart/form-data ...

  2. js实现上传单个文件

    js上传文件:js 上传单个文件(任意大小) 疯狂代码 http://www.CrazyCoder.cn/ :http:/www.CrazyCoder.cn/Javascript/Article832 ...

  3. Yii2表单提交（带文件上传）

    今天写一个php的表单提交接口,除了基本的字符串数据,还带文件上传,不用说前端form标签内应该有这些属性 <form enctype="multipart/form-data&quo ...

  4. input文件上传（上传单个文件/多选文件/文件夹、拖拽上传、分片上传）

    //上传单个/多个文件 <input title="点击选择文件" id="h5Input1" multiple="" accept= ...

  5. Spring Mvc:用MultiPartFile上传单个文件，多个文件

    1.单个文件上传步骤: 添加Apache文件上传jar包 首先需要下载两个apache上传文件的jar包,commons-fileupload-1.3.1jar,commons-io-2.4.jar ...

  6. 基于Spring MVC实现基于form表单上传Excel文件，批量导入数据

    在pom.xml中引入: <!--处理2003 excel--> <dependency> <groupId>org.apache.poi</groupId& ...

  7. plupload如何限制上传文件数量，限制只能上传单个文件

    1 完整代码 $(function() { $("#uploader").pluploadQueue({ runtimes : 'html5,gears,flash,silverl ...

  8. antd实战：表单上传，文件列表的过滤与限制。

    用表单上传组件最痛苦的地方是: 他的诸多行为与纯上传组件不一样,而表单的文档关于这一块基本上没有提,只能自己试. 比如我想做一个上传前的拦截. beforeUpload: (file, fileLis ...

  9. 〖Linux〗上传单个文件到FTP的Shell命令行（函数）

    #!/bin/bash - #=============================================================================== # # F ...

随机推荐

  1. 如何安装和配置RabbitMQ（转载）

    如何安装和配置RabbitMQ 今天开始一个小小的练习,学习一下安装和配置RabbitMQ,为什么要学它,因为WCF可以完全兼容和使用RabbitMQ了.我们新的大数据系统需要使用消息队列,所以就开始 ...

  2. ARP欺骗与MITM（中间人攻击）实例

    ARP协议(address resolution protocol):地址解析协议 一台主机和另一台主机通信,要知道目标的IP地址,但是在局域网中传输数据的网卡却不能直接识别IP地址,所以用ARP解析 ...

  3. Delphi XE3通过ADOConnection 连接 MySQL 5.5.27 数据库

    Delphi XE3通过ADOConnection 连接 MySQL 5.5.27 数据库 unit Unit1; interface uses Winapi.Windows, Winapi.Mess ...

  4. 基于Delphi的接口编程入门

    为什么使用接口? 举个例子好了:有这样一个卖票服务,电影院可以卖票,歌剧院可以卖票,客运站也可以卖票,那么我们是否需要把电影院..歌剧院和客运站都设计成一个类架构以提供卖票服务?要知道,连经理人都可以 ...

  5. delphi注册热键方法（一）

    uses windows,menus; ..... //声明 HotKey_Key: Word; HotKey_Shift: Word; procedure WMHotKey(var msg : Tm ...

  6. 26.如何使用python操作我们自己创建的docker image呢？

    因为逻辑复杂 我们建个文件来 python #是单行注释 '''是多行注释 或者””” 我们想使用python来操作docker 那么就要一个api https://github.com/docker ...

  7. 100个常用的Linux命令——转载

    1,echo “aa” > test.txt 和 echo “bb” >> test.txt //>将原文件清空,并且内容写入到文件中,>>将内容放到文件的尾部 2 ...

  8. spring boot 开发非web应用程序

  9. linux下的arm汇编程序

    1.gnu 的编译环境搭建 解压编译工具,加入环境变量PATH 2.编译相关命令的使用 编译命令 arm-linux-gcc  -g -c -o led.o main.o led.c main.c / ...

  10. JS----addEventListener()

    addEventListener() 用于向指定元素添加事件. 可以向一个元素添加多次事件或者多次不同事件,后面的事件是不会覆盖前面的. 语法: element.addEventListener(ev ...