tp5添加 上传图片

     
           <form class="form-horizontal"  action="{:url('index/Goods/addg')}" method="post" enctype="multipart/form-data">
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 用户名 </label>

                        <div class="col-sm-9">
                            <input type="text" id="form-field-1" placeholder="水果名称" class="col-xs-10 col-sm-5" name="f_name" />
                        </div>
                    </div>

                    <div class="space-4"></div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-2"> 水果图片 </label>

                        <div class="col-sm-9">
                            <input type="file" id="form-field-2" placeholder="水果图片" class="col-xs-10 col-sm-5" name="img"/>
                        </div>
                    </div>
              

                    <div class="space-4"></div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-2"> 所属分类</label>

                        <div class="col-sm-9">
                            <select name="t_id" >
                                {foreach name='data' item='vo'}
                                    <option value="{$vo.t_id}">   {$vo.t_name}</option>
                               {/foreach}
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-2"> 水果重量</label>

                        <div class="col-sm-9">
                            <input type="text"  placeholder="多少/g或者几/个" class="col-xs-10 col-sm-5" name="f_weight"/>

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-2"> 水果库存</label>

                        <div class="col-sm-9">
                            <input type="text"  placeholder="水果库存" class="col-xs-10 col-sm-5" name="f_surplus"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-2"> 产地</label>
                        <div class="col-sm-9">
                            <input type="text"  placeholder="产地" class="col-xs-10 col-sm-5" name="f_place"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-2">销售价</label>
                        <div class="col-sm-9">
                            <input type="text"  placeholder="销售价" class="col-xs-10 col-sm-5" name="m_price"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-2">会员价</label>
                        <div class="col-sm-9">
                            <input type="text"  placeholder="会员价" class="col-xs-10 col-sm-5" name="v_price"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-2">是否上架</label>
                        <div class="col-sm-9">
                            <input type="radio" name="is_show" value="0">不上架
                            <input type="radio" name="is_show" value="1">上架
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label no-padding-right" for="form-field-2">是否参与活动</label>
                        <div class="col-sm-9">
                            <input type="radio" name="is_hot" value="0">不参与
                            <input type="radio" name="is_hot" value="1">参与
                        </div>
                    </div>
                    <div class="clearfix form-actions">
                        <div class="col-md-offset-3 col-md-9">
                            <button class="btn btn-info" type="submit">
                                <i class="icon-ok bigger-110"></i>
                                增加
                            </button>

                                 
                            <button class="btn" type="reset">
                                <i class="icon-undo bigger-110"></i>
                                重置
                            </button>
                        </div>
                    </div>

                    <div class="hr hr-24"></div>



                </form>
            </div><!-- /span -->
        </div><!-- /row -->


public function index()
   {
      //查询分类
       $data= db('sg_type')->select();
      $this->view->engine->layout(true);
      //赋值
      $this->assign('data',$data);
      return view('index');
   }

   //网站后台首页
   public function addg()
   {
      $file = request()->file('img');
        $data=$_POST;
      if(isset($file)){
         // 获取表单上传文件 例如上传了001.jpg
      // 移动到框架应用根目录/public/uploads/ 目录下
        $info = $file->move(ROOT_PATH . 'public/uploads');
//       var_dump($info) ;die;

        if($info){
                // 成功上传后 获取上传信息
         $a=$info->getSaveName();
         $imgp= str_replace("\\","/",$a);
         $imgpath='uploads/'.$imgp;

            $data['f_img']= $imgpath;


  }else{
                  // 上传失败获取错误信息
     echo $file->getError();
   }
      }

      $data['f_time']=time();
//    var_dump($data);die;
      $num= \think\Db::table('sg_fruits')->insert($data);
      if($num){
         $this->redirect("goods/lists");

      }




  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在ThinkPHP5 (TP5) 框架结合Layui库进行文件上传时,处理视频文件通常会稍微复杂一些,因为视频文件通常比图片大得多。以下是使用TP5和Layui进行视频上传的基本步骤: 1. 引入依赖:首先,在项目中引入layui的表单组件和文件上传插件`layui.upload`。 ```html <script src="__STATIC__/layui/layui.js"></script> ``` 2. 配置上传规则:在前端HTML中设置一个表单,配置`layui.upload`的属性,例如设置允许上传的文件类型和最大大小。 ```html <form id="videoForm" lay-filter="uploadVideo"> <input type="hidden" name="token" value="<your-token>"> <input type="file" name="videoFile" lay-choose="layfiles" accept="video/*"> <button type="submit">上传</button> </form> <script> layui.use(['form', 'layer', 'upload'], function () { var form = layui.form(); }); </script> ``` 3. JavaScript处理:在layui.js文件加载完成后,初始化上传函数并监听表单提交事件。 ```javascript layui.upload({ url: '<your-api-url>', // 后端接收视频的URL field: 'videoFile', // 表单字段名 before: async function (obj, file) { /* 在这里添加文件验证和限制 */ if (!file.type.match('video/*')) { layer.msg('只支持上传视频文件'); return false; } // 检查文件大小 if (file.size > 10 * 1024 * 1024) { layer.msg('视频文件过大,请小于10MB'); return false; } }, done: function (res, file) { console.log(res); // 成功回调 // 这里可以将上传结果返回给服务器或显示给用户 } }, '#videoForm') ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值