weAdmin（layuiAdmin）

最新推荐文章于 2025-06-07 13:23:39 发布

Karagrade

最新推荐文章于 2025-06-07 13:23:39 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

文章标签： layui

本文链接：https://blog.youkuaiyun.com/coco1118/article/details/99626826

本文详细介绍了layui文件上传模块的使用方法，包括配置项说明、上传前后的回调函数应用及加载效果展示。阐述了如何利用layui的upload模块实现文件上传功能，并确保响应信息符合JSON格式要求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

左侧栏是json格式，url不能用tp自带的url()助手函数，会不解析。
layui文件上传upload模块
?该接口返回的相应信息（response）必须是一个标准的 JSON 格式
?上传前回调before和上传成功后回调done和上传失败后回调error，在上传多文件时，会多次执行，也就是说，上传了几个文件，执行几次~

upload.render({
  elem: '#id'
  ,url: '/api/upload/'
  ,before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
    layer.load(); //上传loading
  }
  ,done: function(res, index, upload){
    layer.closeAll('loading'); //关闭loading
  }
  ,error: function(index, upload){
    layer.closeAll('loading'); //关闭loading
  }
});

关闭当前弹出层：

  // 获得frame索引
    var index = parent.layer.getFrameIndex(window.name);
   //关闭当前frame
   parent.layer.close(index);

   刷新父级页面（用于添加数据关闭弹层之后）
   parent.location.reload();