Symfony 2表单字段 - 图像预览而不是文件路径

时间:2012-05-02 09:20:23

标签: javascript file-upload symfony jquery-ui-dialog form-fields

我用Symfony 2编写了一个应用程序。我有一个包含文件字段的表单 如果没有选择文件,则视图是“选择文件”的按钮,在其右侧显示“未选择文件”。当我选择文件时,文件名出现在按钮的右侧。

我想改变这种行为:
如果未选择任何文件,请仅显示 按钮 选择文件后,我不想显示文件名,而是生成图像的预览。

任何人都有这个问题的简单解决方案吗? 谢谢!

1 个答案:

答案 0 :(得分:0)

你可以将输入类型文件的css更改为visibility:hidden并在那里显示一个按钮......你可以像这样制作一个jquery事件

$(document).ready(function(){
$("#idofbutton").click(function(){
   $("#idofinputtypefile").trigger('click');
});
});

其余的你可以使用iframe刺激上传事件。

用于jquery文件上传请查看此链接的代码链接

  

http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

希望这会有所帮助