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

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

我用 Symfony 2 编写了一个应用程序。我有一个包含文件字段的表单。
当没有选择文件时, View 是一个“选择文件”按钮,在它的右边有文本“没有选择文件”。当我选择一个文件时,文件名出现在按钮的右侧。

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

谁有解决这个问题的简单方法?
谢谢!

最佳答案

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

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

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

对于 jquery 文件上传,请检查代码链接此链接

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

希望对你有帮助

关于javascript - Symfony 2 表单字段 - 图像预览而不是文件路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10410896/

相关文章:

javascript - 使用挂起的 Parens 调用函数表达式 Vs Function.prototype.call

javascript - 寻找具有特定要求的 html/flash/ajax uploader 组件

php - FOSRestBundle:请求中要求的属性函数的部分响应

php - Symfony2 : running automated tests in a custom environment

javascript - 使用 Jquery 设置文件输入样式

symfony - 如何使用 Doctrine2 以 yaml 映射格式为表添加注释

javascript - JS 代码在页面加载时触发,而不是等待点击事件

Javascript XML 解析器

javascript - 使用 Angular 5 和 Node js 后端的 get 方法未正确发送多个参数

c# - 为什么 MVC HttpPostedFileBase 总是空的?