思路是:在app/ceshi/fire下面有一个index操作方法来渲染显示前端文件,然后前端文件跳转到upload操作方法进行处理,成功显示"文件上传成功",失败显示错误.

首先是后台 app/ceshi/fire

 <?php

 namespace app\ceshi\controller;

 use think\Controller;

 use think\Request;

 class Fire extends Controller{

     // 文件上传表单

     public function index(){

     return $this->fetch();

 }

     // 文件上传提交

     public function upload(){

         // 获取表单上传文件

         $file = request()->file('files');

         if (empty($file)) {

             $this->error('请选择上传文件');

         }

         // 移动到框架应用根目录/public/uploads/ 目录下

         $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');

         if ($info) {

             $this->success('文件上传成功');

             echo $info->getFilename();

         } else {

             // 上传失败获取错误信息

             $this->error($file->getError());

         }

     }

 }

现在是前端文件:fire/index.html

 <!doctype html>

 <html>

 <head>

     <meta charset="UTF-8">

     <title>文件上传示例</title>

     <style>

     body {

     font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;

     font-size:16px;

     padding:5px;

 }.form{

      padding: 15px;

      font-size: 16px;

  }.form .text {

       padding: 3px;

       margin:2px 10px;

       width: 240px;

       height: 24px;

       line-height: 28px;

       border: 1px solid #D4D4D4;

   }.form .btn{

        margin:6px;

        padding: 6px;

        width: 120px;

        font-size: 16px;

        border: 1px solid #D4D4D4;

        cursor: pointer;

        background:#eee;

    }.form .file{

         margin:6px;

         padding: 6px;

         width: 220px;

         font-size: 16px;

         border: 1px solid #D4D4D4;

         cursor: pointer;

         background:#eee;

     }a{

          color: #;

          cursor: pointer;

      }a:hover{

           text-decoration: underline;

       }

 h2{

     color: #4288ce;

     font-weight: ;

     padding: 6px ;

     margin: 6px  ;

     font-size: 28px;

     border-bottom: 1px solid #eee;

 }div{

      margin:8px;

  }.info{

       padding: 12px ;

       border-bottom: 1px solid #eee;

   }.copyright{

        margin-top: 24px;

        padding: 12px ;

        border-top: 1px solid #eee;

    }</style>

 </head>

 <body>

 <h2>文件上传示例</h2>

 <FORM method="post" enctype="multipart/form-data" class="form" action="{:url('upload')}">选择文件：

     <INPUT type="file" class="files" name="files"><br/>

     <INPUT type="submit" class="btn" value=" 提交 ">

 </FORM>

 </body>

 </html>

显示效果:

文件上传成功:

thinkphp5.0 实现单文件上传功能的更多相关文章

  1. PHPCMS_V9 模型字段添加单文件上传功能

    后台有“多文件上传”功能,但是对于有些情况,我们只需要上传一个文件,而使用多文件上传功能上传一个文件,而调用时调用一个文件URL太麻烦了. 使用说明: 1.打开phpcms\modules\conte ...

  2. springmvc中使用文件上传功能

    项目代码:https://github.com/PeiranZhang/springmvc-fileupload Servlet3.0之前使用文件上传功能 Servlet3.0之前需要使用common ...

  3. spring mvc 3.0 实现文件上传功能

    http://club.jledu.gov.cn/?uid-5282-action-viewspace-itemid-188672 —————————————————————————————————— ...

  4. Servlet3.0的文件上传功能

    在Servlet3.0之前,文件上传需要借助于第三方插件,在Servlet3.0之后,Servlet本身开始支持文件上传功能. 获取上传的文件可以通过HTTPServletRequest的getPar ...

  5. django项目中form表单和ajax的文件上传功能。

    form表单文件上传 路由 # from表单上传 path('formupload/',apply.formupload,name='formupload/'), 方法 # form表单文件上传 de ...

  6. yii2.0单文件上传和多文件上传

    yii2文件上传使用到yii2自带的文件上传类UploadFIle,以及对应的模型规则,这里分别介绍单文件上传和多文件上传: yii2单个文件上传: 上传步奏,先创建上传表单模型model(包含验证规 ...

  7. 配置php.ini实现PHP文件上传功能

    本文介绍了如何配置php.ini实现PHP文件上传功能.其中涉及到php.ini配置文件中的upload_tmp_dir.upload_max_filesize.post_max_size等选项,这些 ...

  8. MVC5：使用Ajax和HTML5实现文件上传功能

    引言 在实际编程中,经常遇到实现文件上传并显示上传进度的功能,基于此目的,本文就为大家介绍不使用flash 或任何上传文件的插件来实现带有进度显示的文件上传功能. 基本功能:实现带有进度条的文件上传功 ...

  9. Spring 文件上传功能

    本篇文章,我们要来做一个Spring的文件上传功能: 1. 创建一个Maven的web工程,然后配置pom.xml文件,增加依赖: <dependency> <groupId> ...

随机推荐

  1. MongoDB mongod.exe或mongo.exe双击一闪就关闭

    场景: 在 D:\data\ 创建 db目录之后,运行 mongod -repair 原因: 磁盘满了,没有空间了. 解决方法: 把 MongoDB\data 下的 lock 文件删掉,清理下磁盘空间 ...

  2. (转) IDirectSoundBuffer::SetVolume的参数与音量分贝的函数关系

    假如将播放器的控制音量切割成0-100的话,由于IDirectSoundBuffer::SetVolume(LONG lVolume)中参数的输入值是[-10000,0] MySetVolume( D ...

  3. Android 4.4从图库选择图片,获取图片路径并裁剪

    转至 http://blog.csdn.net/tempersitu/article/details/20557383 最近在做一个从图库选择图片或拍照,然后裁剪的功能.本来是没问题的,一直在用 In ...

  4. 启动其他APK的Activity方法 （转至http://www.cnblogs.com/lijunamneg/archive/2013/02/26/2934060.html）

    有两个app,分别叫做App1和App2.App1包含两个Activity,分别叫做App1_A和App1_B.其中App1_A是入口Activity.也就是App1_A设置intent-filter ...

  5. js 跨域 Jquery取得iframe中元素的几种方法

    http://www.jb51.net/article/34942.htm 收集利用Jquery取得iframe中元素的几种方法 : 父页面访问子页面 $(document.getElementByI ...

  6. Godray

    软管的这个有点蛋疼..应该是我材质没弄好 最后发现不是材质,是法线不正确,调整后

  7. Objective-C语法之可变参数

    可变参数的方法在Objective-C中不罕见,像Cocoa中的很多常见的方法都是可变参数的,如: NSLog(NSString *format, ...) + (id)arrayWithObject ...

  8. winform下 PictureBox 显示网络图片

    Image pic = new Image.FromStream(WebRequest.Create("http://x.com/x.jpg").GetResponse().Get ...

  9. Nginx 向客户端输出真实的后端IP地址

    因为涉及到内外网的改造,所以狠多东西现在需要依赖于openresty来做总控实现.然后就碰见了一个比较难办的问题,即在upstream时候,如何获取实际处理请求的server地址.假设有如下upstr ...

  10. jsavascript 面向对象的下拉菜单

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...