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

标签 javascript jquery html forms

背景

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

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

问题

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

问题

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

最佳答案

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

我不得不手动触发 done 事件。

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

关于javascript - 页面重新加载后重新填充 jQuery 文件上传文件列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38763357/

相关文章:

javascript - 在组件外部设置组件状态会导致错误

javascript - 属性未设置

javascript - Firebase Auth photoURL 始终返回 null

javascript - 运行 Jest 测试时出现意外的 token 导入错误

javascript - jQuery 等待直到第一个间隔

javascript - 如何滚动并停留在特定元素所在的位置?

html - 页眉不会延伸到整个页面宽度

javascript - 在尝试使用 (Date.now - Date) 方程计算年龄时更改 asp :textbox text using jquery. js

javascript - 为什么我的 setState 会导致无限循环?

javascript - 如何使用 google map api 和 javascript 查找附近的医院