layui上传加载动画怎么写

要实现layui上传加载动画，可以通过以下步骤进行：

引入layui库。在HTML文件中，使用<link>标签引入layui的CSS文件和<script>标签引入layui的JS文件。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui@2.5.5/dist/css/layui.css">
<script src="https://cdn.jsdelivr.net/npm/layui@2.5.5/dist/layui.js"></script>

添加一个上传按钮和一个文件选择框。

<button class="layui-btn" id="uploadBtn">上传文件</button>
<input type="file" name="file" id="fileInput" style="display: none;">

使用JavaScript代码，给上传按钮和文件选择框添加事件监听器。

<script>
layui.use(['layer', 'upload'], function(){
  var layer = layui.layer;
  var upload = layui.upload;

  // 文件选择框的change事件
  document.getElementById('fileInput').addEventListener('change', function(){
    // 显示加载动画
    var index = layer.load(2);
    
    // 模拟文件上传的过程
    setTimeout(function(){
      // 上传成功后隐藏加载动画
      layer.close(index);
      layer.msg('上传成功');
    }, 2000);
  });

  // 上传按钮的点击事件
  document.getElementById('uploadBtn').addEventListener('click', function(){
    // 打开文件选择框
    document.getElementById('fileInput').click();
  });
});
</script>

在以上代码中，我们使用layui的layer.load()方法显示加载动画，传入的参数2表示加载动画的样式。在文件选择框的change事件中，模拟了文件上传的过程，2秒后隐藏加载动画，并弹出上传成功的提示。

注意：以上代码中使用了在线引入layui的CDN链接，如果你想使用本地的layui文件，可以将CDN链接替换为本地文件路径。同时，需要确保代码在layui库加载完成后执行，可以使用layui的layui.use()方法来确保