layui文件上传，表单参数清空备忘录

原创于 2021-09-24 17:48:53 发布 · 378 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui #html #html5 #javascript

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个有效的方法来解决文件上传窗口关闭后表单无法自动刷新的问题。通过利用layer.js插件的end回调函数特性，实现了窗口关闭时页面的重新加载，从而确保表单每次打开都是空白状态。

文件上传，需要携带一些参数到后台，上传完毕后，再次打开窗口，上次填写的参数还在，需要清除参数，考虑好多方法，重置表单等等，都无法生效

最后，想到一个方法，上传文件这个窗口是使用layer.open这个方法打开的，这个方法里有一个函数

当这个窗口销毁的时候，可以触发此函数，然后实现表单的刷新

  var index=layer.open({
                type: 1,
                area: ["600px", "600px"],
                title: "上传文件",
                content: $("#file_upload_div"),
                end: function(){
                   location.reload();
                },
})

重点就是end方法中的代码

 
                end: function(){
                   location.reload();
                }

实现了只要关闭窗口就会触发表单刷新