形式实现以下内容,对于models.
>不显示标准按钮(“选择文件预览”按钮)
>显示已填充模型的当前图像的预览
>对于空(新)模型,显示自定义按钮
>单击图像预览或自定义按钮将打开文件预览對话框,以从用户的文件预览系统中选择图像
>选择新图像会将自定义按钮或旧图像预览替换为新图像的预览
在我看来,这似乎是一种在表单中選择图像的正常工作流程,但我似乎没有找到任何完全有效的解决方案.我能找到的只涉及到几个部分的黑客攻击:
>设置标签样式并隐藏标准“选择文件预览”按钮:
对于小部件,我在这样的表单中使用它:
这是正确显示现有图像的预览,但我无法单击它来选择另一个文件预览,即使峩不会更新预览.
这个简单的用例是否已有可用的解决方案
我找不到完整的解决方案,所以我做了以下工作:
>样式在带有CSS的元素中,隐藏它
>确保单击图像会触发隐藏的元素,包装在中并使用for属性
>每当中的选择时,添加一些javascript来替换图像预览.元素变化
>每当清除选择时,显示原始预览
在我的朂终解决方案中(还没有在主旨中),我添加了一个按钮,用于何时尚未选择图像.