5

p:fileUpload 中的更新属性和 onComplete 在 IE10 中不起作用。在 IE 9 中 sizeLimit 属性被忽略。有没有人遇到过这种情况。

我尝试通过在 p:fileUoload 上使用 onComplete 属性来调用 p:remotecommand 但看起来即使 onComplete 在 IE 10 中也不起作用

<h:form id="file" enctype="multipart/form-data">
        <p:outputLabel value="Test........"></p:outputLabel>
        <p:fileUpload label="Browse..." description="Select PDF file"
            auto="true" sizeLimit="500000"
            oncomplete="refreshData()"
            onstart="alert('test');" mode="advanced"
            fileUploadListener="#{fileUpload.handleFileUpload}"
            allowTypes="/(\.|\/)(pdf|png)$/">

        </p:fileUpload>
        <p:inputText value="#{fileUpload.test}" id="test" />
        <p:remoteCommand name="refreshData" action="#{fileUpload.setData}"
            update="test"></p:remoteCommand>
    </h:form>
4

6 回答 6

4

终于意识到这是primefaces中的一个错误。

http://forum.primefaces.org/viewtopic.php?f=3&t=28860#p94845

http://code.google.com/p/primefaces/issues/detail?id=5355

固定在：

目标版本-4.0目标版本
-3.5.9

于 2013-04-17T13:52:32.870 回答
3

使用此 CSS 解决方法。我从jQuery FileUpload 组件派生了这个，提交修复了这个问题。

.fileinput-button input {
    -moz-transform : none !important;
    border : none !important;
    border-width : 0 !important;
    transform : translate(-300px, 0) scale(4) !important;
    font-size : 23px !important;
}
* + html .fileinput-button {
    line-height : none !important;
    padding : 2px 15px !important;
}
于 2013-06-20T18:17:40.523 回答
1

升级到 IE10 后，我也遇到了 p:fileUpload 的问题。JavaScript 错误开始发生（“XML 文档中的语法错误”）。

它有助于将X-UA-Compatible标头更改为IE=EmulateIE9：

<h:head>
    <f:facet name="first">
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9,chrome=1" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </f:facet>
<h:head>
于 2013-12-16T12:40:04.800 回答
0

我不得不面对从 PF 3 迁移的 PF 5.1 的这个问题，感谢这篇文章，我解决了：

这是生成的html代码：

<div class="ui-fileupload-buttonbar ui-widget-header ui-corner-top">
    <span class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-fileupload-choose" >
        <span class="ui-button-icon-left ui-icon ui-c ui-icon-plusthick"></span>
        <span class="ui-button-text ui-c">upload</span>
        <input name="upload" type="file">
    </span>
</div>

这是解决此问题的CSS：

.ui-fileupload-buttonbar .ui-fileupload-choose input
{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    border:solid transparent;
    border-width:0 0 1px 1px;
    opacity:0;
    filter:alpha(opacity=0);
    -o-transform:translate(250px,  -50px) scale(1);
    direction:ltr;
    cursor:pointer;
    z-index:5000;
    width:100%;
    height: 20px;       
}

.ui-button {
    position: relative;
    overflow: hidden;
}
.ui-button input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
于 2014-12-03T20:22:44.130 回答
0

这似乎是绝对位置的问题。将其更改为固定。它适用于我：

.fileupload-buttonbar .ui-button input {
    ...
    position                          : fixed;
    ...
}
于 2013-07-09T14:51:41.627 回答
0

这在新的 4.0 Primefaces 版本中已修复，但是如果您仍在使用旧版本的 Primefaces，您可能仍需要解决方法。

我可以在文件上传后使用 onstart 属性进行更新，该属性在 IE 10 中仍然有效。

创建一个隐藏字段，其中包含一个值，该值作为从 fileUploadListener 调用的方法的一部分进行更新。然后将 p:fileUpload 的 onstart 属性设置为如下所示：

function checkUpload() {

    //this should call a p:remoteCommand that refreshes your hidden value
    refreshHiddenValue(); 

    var hiddenFieldValue = $('#hiddenFieldId').val();
    if(hiddenFieldValue) {
        //this should call a p:remoteCommand that refreshes the
        //sections you want refreshed after the upload has finished
        refreshSections();
    }
    else {
        setTimeout(checkUpload, 1000);
    } 
}
于 2013-10-15T20:49:14.743 回答