在做项目中可能会遇到用户上传文件或者图片的问题，这里我使用layui.js，它主要使用起来非常的简单和方便，使用前需要去到layer官网去下载相关的js，下载地址layui官网.官网的示例如果有跟你需求差不多，可以直接拿过来用，有些不同的可以修改参数来配合实现你的需求，我来讲一讲我使用的过程和遇见的问题。

前端通过layui文件上传控件 把上传的文件上传的后台，通过ThinkPHP框架的的上传方法实现上传文件，因为我前端的样式已经写好了所以使用的是id绑定上传控件。

# 加载js和css

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

# 代码1

Js调用 绑定上传控件的id ，默认的是post方式 提交到后台。

# 代码2

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

后台需要接收数据的参数一定要是你控件的name命名，这里input的name是file_url所以后台接收是使用$_FILES["file_url"]，在tp里要使用$_FILES去获取文件信息，然后实例化框架的上传类，这里把文件保存到缓存临时文件夹里面，返回上传的文件信息到前端，实现前端的文件回显和一下响应事件，我这里比较简单只完成了回显，

我使用了隐藏标签去保存文件的信息，等待用户提交后，在提交方法里判断数据和实现文件的转移我这里用php的rename()函数来转移文件

# 代码3

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

河南亿宏世纪网络科技有限公司，专注于互联网+品牌整合营销，公司拥有专业的互联网管理、运营策划、UI设计、技术开发等团队，专业从事于工业互联网的开发建设。我司拥有成熟的网络技术开发团队，针对网站开发、技术服务、网站风格定位、网站功能优化、网站推广维护等都具备很强的专业技术水平，旨在为客户提供专业的互联网应用解决方案。公司始终秉持着诚信经营、质量为先的经营理念，我们不仅提供优质的网络技术和云端供应链服务，而且还在产品的选择、应用等方面提供专业的咨询与售后服务。