不言不语

您现在的位置是: 首页 >  PHP  >  ThinkPHP

ThinkPHP

thinkphp上传接口

2021-12-03ThinkPHP
很多小伙伴不会layui+thinkphp上传接口,不知道如何下手去写,下面为大家分享一则实例,新手也能看懂!

很多小伙伴不会layui+thinkphp上传接口,不知道如何下手去写,下面为大家分享一则实例,新手也能看懂!

<?php
namespace app\api\controller;use think\Controller;use think\Session;class Upload extends Controller {

   protected function _initialize() {
     //此处要要进行是否进行登陆,如果没有登录跳转到登录部分,如果登录才能执行下面的上传操作
   }
   /**
    * 上传缩略图
    * @return \think\response\Json
    */
   public function uploadThumb() {
       $file = $this->request->file('file');
       $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');

       if ($info) {
           $result = [
               'code'     => 0,
               'msg'      => '上传成功',
               'filename' => '/public/uploads/' . str_replace('\\', '/', $info->getSaveName())
           ];
       } else {
           $result = [
               'code' => -1,
               'msg'  => $file->getError()
           ];
       }

       return json($result);
   }


导入必要文件

<link rel="stylesheet" href="/tp5/public/static/layui/css/layui.css"><script src="/tp5/public/static/js/jquery.min.js"></script><script src="/tp5/public/static/layui/layui.js"></script>

html源代码

<div class="layui-form-item">
    <label class="layui-form-label">缩略图</label>
    <div class="layui-input-block">
        <input type="text" name="thumb" value="" class="layui-input layui-input-inline" id="thumb">
        <input type="file" name="file" class="layui-upload-file">
    </div></div>

js源代码

<script>
 layui.use('upload', function(){
    layui.upload({
        url: "URL",//上传接口
        ext: 'jpg|png|gif',//限制文件
        success: function (result) {
            document.getElementById('thumb').value = result.filename;
        }
    });
 });</script>


文章评论