我尝试的内容:我想使用jQuery mobile在JSF页面上传Primefaces FileUpload Tag的图片。此方面仅适用于desktopbrowser,但也应该与其他页面类似。问题:总是当我从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控制器有另一个想法,那对我来说将是一个很好的解决方案。
答案 0 :(得分:3)
我找到了一个解决方案 - 不是那么好但是没关系..我使用iframe和uploadForm.xhtml(其中带有来自primefaces的upload-tag的普通表单)作为源代码和我的常规upload.xhtml页面(用jquery移动CSS)。
<iframe src="./uploadForm.xhtml" width="100%" height="300" scrolling="auto" border="0" frameborder="0"></iframe>
因此它将显示两者 - jquery移动内容和primefaces上传表单。它并不完美,但它适用于我的桌面应用程序。