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

Question

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

我想改变这种行为：
当没有选择文件时，只显示按钮。
选择文件后，我想生成图像预览，而不是显示文件名。

有人有这个问题的简单解决方案吗？
谢谢！

Answer 1

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

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

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

对于 jquery 文件上传，请检查代码链接这个链接

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

希望这可以帮助