用layui写一个js的下载和提交表单功能

下面是基于 layui 的下载和提交表单功能的示例代码：

HTML 代码：

<div class="layui-form">
  <div class="layui-form-item">
    <label class="layui-form-label">文件名</label>
    <div class="layui-input-block">
      <input type="text" name="filename" placeholder="请输入文件名" lay-verify="required" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">文件</label>
    <div class="layui-input-block">
      <input type="file" name="file" lay-verify="required">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="submitForm">提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</div>

JavaScript 代码：

layui.use(['form', 'layer'], function(){
  var form = layui.form;
  var layer = layui.layer;

  // 监听表单提交
  form.on('submit(submitForm)', function(data){
    // 构造 FormData 对象
    var formData = new FormData();
    formData.append('filename', data.field.filename);
    formData.append('file', data.elem[2].files[0]);

    // 发送 POST 请求提交表单
    $.ajax({
      type: 'POST',
      url: '/api/submit',
      data: formData,
      processData: false,
      contentType: false,
      success: function(res){
        if (res.code === 0) {
          // 提交成功，弹出成功提示框
          layer.alert('提交成功', {
            icon: 1
          });
        } else {
          // 提交失败，弹出失败提示框
          layer.alert('提交失败：' + res.msg, {
            icon: 2
          });
        }
      },
      error: function(xhr){
        // 提交失败，弹出失败提示框
        layer.alert('提交失败：' + xhr.statusText, {
          icon: 2
        });
      }
    });

    return false; // 阻止表单跳转
  });

  // 监听下载按钮点击
  $('.download-btn').on('click', function(){
    var url = $(this).data('url');
    // 创建隐藏的下载链接并点击
    $('<a href="' + url + '" download></a>')[0].click();
  });
});

其中，提交表单的接口为 `/api/submit`，返回格式应该为 `{code: 0, msg: '提交成功'}` 或 `{code: 1, msg: '提交失败'}`。下载按钮需要设置 `data-url` 属性为下载链接。