如何用layui 1.0.9实现文件上传，前后端实例代码如何编写？

本文共计801个文字，预计阅读时间需要4分钟。

由于公司仍在使用老版本的layui，文件上传功能在新版本中全部重写了。以下记录了老版本layui的文件上传文件上传内容：

前端代码：

因为公司还在使用老版本的layui，文件上传在新版本中全部重写了，这里记录下老版本layui的文件上传。

前端代码：（引入layui相关包）

<input type="file" lay-type="file" id="xxxxx" name="file" class="layui-upload-file">

这里可以参考layui官方文档，有一点需要注意，name属性是必需的，当你选择好文件后，name属性的值，会在后台被相应的参数接收。

如果你只写了上面的代码，会发现文件上传的按钮消失了。这很正常，因为框架就是这么设计的。