首页 > 技术文章 > thinkphp5结合layui表单和图片上传

chenliuxiao 2020-03-20 10:36 原文

趁热打铁来记录一下

1、要明确问题是什么?

  这个非常重要,抓住主要问题去百度比偏见百度效率更快

 

2、先根据方向去找手册

  例如,tp5文件上传,https://www.kancloud.cn/manual/thinkphp5/155159,官方手册就写的很清楚

  

 

 

    这里用的是layui框架,https://www.layui.com/demo/upload.html,是图片上传的框架,这里我们采用

    

 

 

     前端

    

 

 

     好的,那接着看layui上传手册https://www.layui.com/doc/modules/upload.html

    还是有很多额外的配置可以加上的,比如筛选img格式,各种回调,回调的格式是什么形式的,在手册里写的很清楚

下面就是整体的一个思路

  前端用了两个layui form框架,用了两个layui js方法

  后端用了两个方法

  流程:

  基础的表单里添加一个隐藏的表单,这个整体表单用form框架,然后调用一个layui-js方法去请求后端add方法。

  其中用到了第二个layui上传文件框架和上传文件js方法去请求后端upload方法获得已经上传到服务器的文件路径,回调赋值那个隐藏表单,这样最终提交的表单是完整的数据。

推荐阅读