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

我有一个PrimeFaces 8应用程序，我需要进行风格设计。其中一个要求是将自定义样式应用于用户界面，当使用

auto=“true”

在

p:fileUpload

组件中进行上载时，将显示自定义样式。通过实际上传来触发UI将非常困难。有没有办法模拟正在进行的上传？我只希望UI元素可见，以便应用自定义样式。

在下面的

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

显示“某物”

我从

您确实会得到以下错误

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

但我认为这是可以忽略的

下次调用小部件时，在此之前设置一些

数据

属性/字段/

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

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

它表明

---

事实证明它非常简单。设置样式时，请使用

auto=“false”

。这将为您提供要上载文件的预览，包括0%的进度条。现在，使用开发工具选择类名为

ui progressbar value

的进度条元素，并将样式属性设置为

display:block和任意宽度

我之前做的是上传一个大得离谱的文件，然后在HTML元素检查器中复制“外部HTML”，然后等待它完成，然后将其放回。它将永远留在那里。我想还有比这更好的方法：）@BalusC谢谢！我也想到了这一点，同时减少了浏览器开发工具中的带宽。我希望有一个Javascript调用。希望其中一名PF开发人员知道这是否可行。