thinkphp笔记-上传功能、多语言

7652次阅读 126人点赞 作者: WuBin 发布时间: 2024-06-21 16:07:12
扫码到手机查看

上传功能

如果要实现上传功能,首先需要建立一个上传表单,具体如下:

在一个控制器中,渲染模板

return View::fetch('upload', [
     'title' => '标题'
]);

然后在app/view/与控制器同名的目录/upload.html

<form action="http://localhost/xuexi/tp6/public/upload" enctype="multipart/form-data" method="post">
    <input type="file" name="image">
    <input type="submit" value="确定">
</form>

然后在app/controller/Upload.php中

namespace app\controller;

use think\Facade\Request;

class Upload
{
    public function index()
    {
        $file = Request::file('image');
        dump($file);
    }
}

如此便能接收到页面上传过来的文件。

//获取表单的上传数据
$file = Request::file('image');

使用Filesystem::putfile()方法,来实现上传文件,并写入指定目录;

//目录在runtime/storage/toppic/时间/文件
$info = Filesystem::putFile('topic', $file);

完整代码

namespace app\controller;

use think\facade\Request;
use think\facade\Filesystem;

class Upload
{
    public function index()
    {
        $file = Request::file('image');
        // dump($file);
        $info = Filesystem::putFile('topic', $file);
        dump($info);
    }
}

上传的图片存储目录在runtime/storage/topic/时间/文件

如果想更改上传文件的默认配置,在config/filesystem.php 中配置;

'root' => app()->getRuntimePath() . 'storage', // 默认

如果要修改目录

 'root' => app()->getRuntimePath() . 'abc',

默认规则下,上传的文件是以日期和微秒生成的方式:date;

$info = Filesystem::putFile('topic', $file, 'md5'); // 默认第三个参数是date

生成的规则还支持另外两种方式:md5 和sha1;

一般使用date即可,便于理解

批量上传,使用image[]作为名称,并使用foreach()遍历上传;

修改一下模板,以及上传的地址

<form action="http://localhost/xuexi/tp6/public/upload/more" enctype="multipart/form-data" method="post">
    <input type="file" name="image[]">
    <input type="file" name="image[]">
    <input type="file" name="image[]">
    <input type="submit" value="确定">
</form>

在controller/Upload.php中新建more方法

public function more()
    {
        // image是input的name 如果多个上传那么这里接收的就是数组了
        $files = Request::file('image');
        $info = [];
        foreach($files as $file) {
            $info[] = Filesystem::putFile('topic', $file);
        }
        dump($info);
}

最终结果

 array:3 [
  0 => "topic/20240621\e457facdd586dfff869193568ea57ca7.JPG"
  1 => "topic/20240621\2bb744aa92de45172688c892fee65185.JPG"
  2 => "topic/20240621\a6b10c40b2f6ec893f95df98fd7f280e.JPG"
]

结合之前的验证器,我们写一个针对upload 的独立验证(只验证上传一张图片的情况);

namespace app\controller;

use think\facade\Request;
use think\facade\Filesystem;
use think\facade\Validate;

class Upload
{
    public function index()
    {
        $file = Request::file('image');
        // 需要在此处判断是不是图片
        // 编写规则
        $validate = Validate::rule([
            // 验证规则 是不是jpg\gif等后缀
            'image' => 'file|fileExt:jpg,png,gif'
        ]);

        $result = $validate->check([
            'image' => $file
        ]);

        // 正确输出地址 错误就提示
        if($result) {
            $info = Filesystem::putFile('topic', $file, 'md5');
            dump($info);
        } else {
           dump($validate->getError());
        }

    }

多语言

手动开启多语言,在app/middleware.php中开启

// 全局中间件定义文件
return [
    // 全局请求缓存
    // \think\middleware\CheckRequestCache::class,
    // 多语言加载 开启多语言
    \think\middleware\LoadLangPack::class,
    // Session初始化-开启session
    \think\middleware\SessionInit::class
];

其次,还有个配置文件在app/config/lang.php 文件,默认设置的是zh-cn 中文语言;

'zh-hans-cn' => 'zh-cn',
'detect_var' => 'lang', //自动监测的变量为lang

文件中的配置项均有作用。

创建语言包文件

默认应用目录会调用app\lang 目录下的语言包,我们新建lang目录后,再创建三个语言文件

app\lang\zh-cn.php

<?php
return [
    'require_name' => '用户名不得为空!',
    'email_error' => '邮箱地址不正确!',
];

app\lang\en-us.php

<?php
//error message,en-us.php
return [
    'require_name' => 'The user name cannot be empty!',
    'email_error' => 'Incorrect email address!',
];

app\lang\ja-jp.php

<?php
//エラーメッセージ, ja-jp.php
return [
    'require_name' => 'ユーザ名は空ではいけません!',
    'email_error' => 'メールアドレスが間違っています!',
];

在config\lang.php中,系统默认会指定:zh-cn 这个语言包,我们通过::get()来输出错误信息;

'default_lang'    => env('lang.default_lang', 'zh-cn'),
echo Lang::get('require_name');
echo "<br>";
echo lang('email_error');

注意使用静态类Lang需要引入:

use think\facade\Lang;

而lang()是魔术方法,可以直接使用。

通过URL 方式来切换语言,?lang=en-us 即可,cookie 自动生成;

如果要使用英文或者日文:

http://localhost/xuexi/tp6/public/store/lang?lang=en-us
http://localhost/xuexi/tp6/public/store/lang?lang=ja-jp
当访问一次其他语言之后,其语言选择值会记录在cookie中,下次再访问就无需再带有?lang查询字符串了

当修改config/lang.php

// 允许的语言列表
    'allow_lang_list' => [
        'zh-cn',
        'en-us'
    ],

默认是空,即支持所有语言,当这里我们设置只支持英文和中文,然后再访问store/lang?lang=ja-jp,此时发现语言就使用了默认的中文,而不是日文了。

在模板中使用多语言

控制器中,引用模板

public function lang()
{
        echo Lang::get('require_name');
        echo "<br>";
        echo lang('email_error');

        return View::fetch('lang');
}

在html模板中使用

 {$Think.lang.require_name}  {$Think.lang.email_error}

助手函数写法:{:lang('email_error')}

可以在配置文件中开启多语言分组,运行使用二维数组来实现语言包定义;

首先在config/lang.php中开启语言分组功能

// 是否支持语言分组
 'allow_group'     => true,

然后在lang/zh-cn.php中

return [
    'require_name' => '用户名不得为空!',
    'email_error' => '邮箱地址不正确!',
    'user' => [
        'login' => '登录成功',
        'logout' => '退出成功'
    ]
];

在模板中

{:lang('user.login')}

即可直接调用user下的login中指向的内容。

点赞 支持一下 觉得不错?客官您就稍微鼓励一下吧!
关键词:thinkphp
推荐阅读
  • uniapp实现被浏览器唤起的功能

    当用户打开h5链接时候,点击打开app若用户在已经安装过app的情况下直接打开app,若未安装过跳到应用市场下载安装这个功能在实现上主要分为两种场景,从普通浏览器唤醒以及从微信唤醒。

    8686次阅读 558人点赞 发布时间: 2022-12-14 16:34:53 立即查看
  • Vue

    盘点Vue2和Vue3的10种组件通信方式

    Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。

    3624次阅读 271人点赞 发布时间: 2022-08-19 09:40:16 立即查看
  • JS

    几个高级前端常用的API

    推荐4个前端开发中常用的高端API,分别是MutationObserver、IntersectionObserver、getComputedstyle、getBoundingClientRect、requ...

    13644次阅读 881人点赞 发布时间: 2021-11-11 09:39:54 立即查看
  • PHP

    【正则】一些常用的正则表达式总结

    在日常开发中,正则表达式是非常有用的,正则表达式在每个语言中都是可以使用的,他就跟JSON一样,是通用的。了解一些常用的正则表达式,能大大提高你的工作效率。

    12457次阅读 411人点赞 发布时间: 2021-10-09 15:58:58 立即查看
  • 【中文】免费可商用字体下载与考证

    65款免费、可商用、无任何限制中文字体打包下载,这些字体都是经过长期验证,经得住市场考验的,让您规避被无良厂商起诉的风险。

    10879次阅读 873人点赞 发布时间: 2021-07-05 15:28:45 立即查看
  • Vue

    Vue3开发一个v-loading的自定义指令

    在vue3中实现一个自定义的指令,有助于我们简化开发,简化复用,通过一个指令的调用即可实现一些可高度复用的交互。

    14963次阅读 1192人点赞 发布时间: 2021-07-02 15:58:35 立即查看
  • JS

    关于手机上滚动穿透问题的解决

    当页面出现浮层的时候,滑动浮层的内容,正常情况下预期应该是浮层下边的内容不会滚动;然而事实并非如此。在PC上使用css即可解决,但是在手机端,情况就变的比较复杂,就需要禁止触摸事件才可以。

    14516次阅读 1182人点赞 发布时间: 2021-05-31 09:25:50 立即查看
  • Vue

    Vue+html2canvas截图空白的问题

    在使用vue做信网单页专题时,有海报生成的功能,这里推荐2个插件:一个是html2canvas,构造好DOM然后转canvas进行截图;另外使用vue-canvas-poster(这个截止到2021年3月...

    28147次阅读 2213人点赞 发布时间: 2021-03-02 09:04:51 立即查看
  • Vue

    vue-router4过度动画无效解决方案

    在初次使用vue3+vue-router4时候,先后遇到了过度动画transition进入和退出分别无效的情况,搜遍百度没没找到合适解决方法,包括vue-route4有一些API都进行了变化,以前的一些操...

    24329次阅读 1871人点赞 发布时间: 2021-02-23 13:37:20 立即查看
交流 收藏 目录