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

我的数据表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. Kotlin语言学习笔记（3）

    数据类(Data Classes) data class User(val name: String, val age: Int) 编译器自动生成的有: equals()/hashCode() toS ...

  2. 转: JS实现页面打印

    转载原文: http://shengren-wang.iteye.com/blog/1161367 1.js实现(可实现局部打印) <!--打印的实现1:start--> <inpu ...

  3. Class-reference types 类引用类型--快要失传的技术

    先摘一段原版的说明: A class-reference type, sometimes called a metaclass, is denoted by a construction of the ...

  4. SQLServer 的数据分页:

    假设现在有这样的一张表:CREATE TABLE test( id int primary key not null identity, names varchar(20))然后向里面插入大约1000 ...

  5. week5 03 continus loading news

    1.server-side : Rest API 2. client-side 想要持续不断的下拉获取新闻 有两种做法 一种是在UI 我们调用API 获取所有的新闻 然后在UI 拉下的时候显示新闻 其 ...

  6. python 任务调度模块sched

    类似于crontab的功能,可以实现定时定点执行任务; 将已经生成的任务放入队列中,获取到了执行可以实现任务调度功能; 如果将需求复杂化,加上优先级策略,并能取消已经加入队列中的任务,就需要使用pyt ...

  7. proxool连接sqlerver

    原先proxool连接sqlserver,用的是sqljdbc,不知道怎么回事,怎么也连接不上.下面的代码既不报错也不执行下去,应该是驱动出了问题,网上也很难找到sqljdbc什么版本. if (_c ...

  8. windows 允许空密码登陆

    HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Lsa  这个注册表键值下的limitblankpassworduse项 修改为0或者1

  9. css 书目录相关css+html代码

    css: <style type="text/css"> #list{width:500px;position:absolute;left:50%;margin-lef ...

  10. ajax-》post

    1:最近写完前端,又写后端,jQuery的ajax已经用烂了,事实证明的确好用,再分享一下. data是后台echo的值,可以是数字,也可以是数组,用json_encode()包裹数组形式,前端接收要 ...