首页 > 解决方案 > 如何通过在 Django 中使用表单设计将文件浏览器按钮更改为图像按钮

问题描述

我可以创建以下表单:在此处输入图像描述

当我点击这样的图像时,我在想:

在此处输入图像描述

标签: djangodjango-modelsdjango-forms

解决方案


您不能将 CSS 应用于文件上传按钮,但可以执行以下操作:

  • 用其中的图像创建另一个 div。

  • 给你的文件上传按钮一个 id,然后用 CSS ( visibility : hidden;)隐藏它

  • 向图像 div添加一个onClick事件,该事件将触发点击原始文件上传按钮的功能

然后,当您单击图像时,您将获得选择文件的弹出窗口。这里有一个教程:https ://www.youtube.com/watch?v=T3PDgtliezo


推荐阅读