我正在 Play! 中编写一个小型 web 应用程序，并尝试使用 UniformJS ( http://uniformjs.com/ ) 使我的表单元素看起来不错。该应用程序的一页允许用户上传文件：
#{ form @Application.upload(), id:'uploadform', enctype:'multipart/form-data'}
<input type="file" id="uploadFile" name="uploadFile"/>
<input type="submit" id="surveyChooseFileButton" class="button" value="Upload" />
#{/form}
控制器如下所示：
public static void upload(@Required File uploadFile, @Required String surveyName) {
...
}
这一切就像其中的一出戏！示例（http://www.playframework.org/documentation/1.0/5things#a5.Straightforwardfileuploadmanagementa），一切正常。问题是当我将 Uniform 应用于我的文件输入时：
$(function(){ $("input:file").uniform(); });
现在控制器接收到一个空文件对象！有没有办法解决？
更新：
删除 id 并没有这样做（尽管这看起来很合理！）。违规元素的查看源代码显示：
<div id="uniform-uploadFile" class="uploader"> <!-- A new div -->
<!-- My input element turns invisible -->
<input id="uploadFile" type="file" name="uploadFile" size="19" style="opacity: 0;">
<!-- Uniform adds these -->
<span class="filename" style="-moz-user-select: none;">No file selected</span>
<span class="action" style="-moz-user-select: none;">Select</span>
</div>
仍然不知道发生了什么，但这是最终结果。