如何使用 p:fileUpload 模拟正在进行的上传

Question

我有一个需要设计样式的 PrimeFaces 8 应用程序。其中一项要求是将自定义样式应用于p:fileUpload使用auto="true". 通过执行实际上传来触发该 UI 将非常费力。有没有办法模拟正在进行的上传？我只希望 UI 元素可见以应用自定义样式。

Answer 1

在 The Auto 中，Advanced（以及非明确的单个或多个）展示了以下内容

var f = new File([""], "filename", { type: 'text/html' });
var data = new Object();
PF('widget_j_idt726_j_idt727').addFileToRow(f, data);

显示“某物”

我addFileToRow从PrimeFaces 文件上传 javascript 源中得到

您确实收到以下错误

    TypeError: this.files[i].ajaxRequest.submit is not a function

不过我觉得可以无视...

当您下次在小部件上调用ucfg.progress(...)并且在此之前设置一些data属性/字段/...

data.files = [];
data.files[0] = f;
data.total = 100;
data.loaded = 10;

PF('widget_j_idt726_j_idt727').ucfg.progress(null, data);

表明