Javascript 玩框架和Uniformjs don';不能很好地播放文件上传
我正在编写一个小型网络应用程序!,并尝试使用UniformJS()使我的表单元素看起来很好。应用程序的一个页面允许用户上传文件:Javascript 玩框架和Uniformjs don';不能很好地播放文件上传,javascript,playframework,uniform,Javascript,Playframework,Uniform,我正在编写一个小型网络应用程序!,并尝试使用UniformJS()使我的表单元素看起来很好。应用程序的一个页面允许用户上传文件: #{ form @Application.upload(), id:'uploadform', enctype:'multipart/form-data'} <input type="file" id="uploadFile" name="uploadFile"/> <input type="submit" id="surveyChooseFileB
#{ 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}
这一切就像一出戏!示例(),所有这些都可以正常工作。问题是当我将统一应用于文件输入时:
$(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>
未选择任何文件
选择
仍然不知道发生了什么,但这是最终结果。我使用play-1.2.3和uniform-2446d99构建了您的页面,在ff 3.6.20中,它似乎可以正常工作。什么版本的游戏!您正在使用吗?我使用play-1.2.3和uniform-2446d99构建您的页面,在ff 3.6.20中,它似乎可以正常工作。什么版本的游戏!你在使用吗?你绝对确定如果你禁用制服,它会起作用吗?是的,没什么意义。将“input:file”从统一的初始化中删除会使其立即工作。尝试删除id,在快速查看统一的源代码后,它会通过类和id进行增强。@Zenklys删除id没有帮助,但它是有教育意义的。请参阅上面的“我的编辑”。您使用的浏览器是什么?这已经在其他浏览器上测试过了吗?如果你禁用制服,你绝对确定它能工作吗?是的,这没什么意义。将“input:file”从统一的初始化中删除会使其立即工作。尝试删除id,在快速查看统一的源代码后,它会通过类和id进行增强。@Zenklys删除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>