页面重新加载后重新填充jQuery文件上载文件列表

时间:2016-08-04 09:20:54

标签: javascript jquery html forms

背景

我有一个jQuery File Upload小部件,它是HTML表单的一部分。 HTML表单有一个隐藏的输入字段,在成功上载后由jQuery文件上载窗口小部件填充JSON。这样,在服务器端,我知道哪些上传链接到表单信息的其余部分。

提交表单时,会进行一些服务器端验证。输入无效后,将重新加载页面并显示错误消息。所有表单字段,包括隐藏的表单字段,包含上传文件的名称和路径,仍然填充。

问题

我现在的问题是,重新加载页面后,上传文件的表格为空。这使得用户认为上传已经消失,而实际上,表单仍然在隐藏表单字段中引用了上传的文件。

问题

有没有办法让jQuery文件上传小部件在页面加载时重建文件列表,以便用户看到之前上传过的文件?

1 个答案:

答案 0 :(得分:1)

与此同时,我找到了问题的答案:

我不得不手动触发完成事件。

if ($('#hidden-form-field-id').val() != "") {
    $('#fileupload').fileupload('option', 'done')
        .call($('#fileupload'), $.Event('done'), {
            result: {
                files: JSON.parse($('#hidden-form-field-id').val())
            }
        });
}