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

我的数据表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. oc字符串与c字符串转换和拷贝

    // Helper method to create C string copy NSString* MakeNSString (const char* string) { if (string) { ...

  2. linux下mysql开启远程访问权限 防火墙开放3306端口

    linux下mysql开启远程访问权限 防火墙开放3306端口 转载  2017-01-21   作者:JAVA-ANDROID 这篇文章主要为大家详细介绍了linux下mysql开启远程访问权限,防 ...

  3. ASP.NET Form身份验证方式详解

    注:不会涉及ASP.NET的登录系列控件以及membership的相关话题, 我只想用比较原始的方式来说明在ASP.NET中是如何实现身份认证的过程.   ASP.NET身份认证基础 在开始今天的博客 ...

  4. 记录git的初始设置，添加文件，提交文件

    1 初始配置 git config --global user.name ""  //配置用户名 git config --global user.email "&quo ...

  5. C# WInForm中 窗体的this.width和this.height的属性值不能大于显示器的最大分辨率

    最近在做一个小项目的时候,发现在 1680x1050 分辨率显示器上写的代码,将窗体的宽度和高度 设置成了 1600×900,在高于1600×900的分辨率上缩放显示很正常, 而后转移到 分辨率低于 ...

  6. redmine安装-BitNami 提供的一键安装程序

    redmine安装-BitNami 提供的一键安装程序          博客分类: REDMINE redmine安装redmine一键安装bitNami redmine  BitNami 提供re ...

  7. iphone上实现H264 硬编码

    供ios下h264硬编码sdk,可以生成h264流. 我们的H264 SDK提供了一个理想的软件开发工具包,使您的app可以在iPhone或iPod上实时的访问H264帧数据.SDK提供了一套API功 ...

  8. c 中的单引号和双引号的使用

    1. 在c中,'A' 表示的是一个 character constant ,表示的是字符集的数值:而 "A" 表示的是一个字符串常量,代表的是指向字符串的指针.

  9. vue 路由meta作用及在路由中添加props作用

    vue路由meta:有利于我们处理seo的东西,我们在html中加入meta标签,就是有利于处理seo的东西,搜索引擎 在路由中传参是通过/:id传参代码如下: import Login from ' ...

  10. vue 中下拉select怎样给后台传递用户选择的物品id

    在泰康保险公众号项目中有个问题是用户选择select中的option,要把对应的id给后台以便后台工作作出相应的效果,我是这样的 <select v-model="selectcomu ...