gpt4 book ai didi

java - 使用 Primefaces FileUpload 和 jQuery Mobile p :fileupload not rendered?

转载 作者:行者123 更新时间:2023-12-04 04:59:02 27 4
gpt4 key购买 nike

我尝试什么:我想使用 jQuery mobile 在 JSF 页面中上传带有 Primefaces FileUpload 标记的图片。此面仅在桌面浏览器上可用,但也应具有与其他页面一样的外观。问题:总是当我从 jquery mobile 和脚本添加样式表时 - 整个表单不会被呈现/不可见。有人知道我该如何解决这个问题吗?

标题:

    <link rel="stylesheet" href="./jquery/jquery.mobile-1.3.1.min.css" />
<script type="text/javascript" src="./jquery/jquery.js"></script>
<script type="text/javascript" src="./jquery/jquery.mobile-1.3.1.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes"/>

来自 jQuery Mobile 的内容区
        <div id="content" data-role="content">   
<h:form enctype="multipart/form-data">
<p:fileUpload fileUploadListener="#{fileUploadController.handleFileUpload}"
mode="advanced"
update="messages"
sizeLimit="100000"
allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />

<p:growl id="messages" showDetail="true"/>

</h:form>
</div>

编辑:如果您有其他想法如何将图像作为文件上传到我的 JSF Controller ,这对我来说将是一个很好的解决方案。

最佳答案

我找到了一个解决方案 - 不太好,但没关系..我使用带有 uploadForm.xhtml 的 iframe(其中带有来自 primefaces 的上传标签的普通表单是)作为源并在我的常规 upload.xhtml 页面中(使用 jquery移动 CSS)。

<iframe src="./uploadForm.xhtml" width="100%" height="300" scrolling="auto" border="0" frameborder="0"></iframe>

所以它会同时显示 - jquery mobile things 和 primefaces 上传表单。它并不完美,但适用于我的桌面应用程序。

关于java - 使用 Primefaces FileUpload 和 jQuery Mobile p :fileupload not rendered?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16373152/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com