Question

我有这个型号：

class uploadImage(models.Model):
    postImage = models.ImageField(upload_to=get_postImage_path, blank=True, null=True)

我为这个模型创建了一个表单。我将表单作为'imageForm'传递给我的模板。这是我的模板：

<form enctype="multipart/form-data" id='imageForm' method="post" action="/uploadImage/">{% csrf_token %}
{{ imageForm.postImage }}
<input type='submit' value='upload' />
</form>

现在，当我从浏览器转到此模板页面时，有一个显示“选择文件”的按钮，在该按钮旁边显示“未选择文件”。用户单击“选择文件”并选择文件后，“未选择文件”文本将更改为文件名。

一旦用户选择图像，如何让按钮说“上传图片”而不是“选择文件”并使“选择文件”说“附加图片”（而不是文件名）？

Answer 1

这与Django无关;文件上传按钮和文本由浏览器定义。有一些解决方案，其中大部分涉及使用另一个触发上传按钮的元素。

Here's a five-minute YouTube tutorial解决了Django应用程序的问题。

This jQuery plugin也可以解决您的问题。

And this solution使用CSS。

此外，以下是其他解决方案和讨论的链接：

How to change the button text of <input type="file" />?

Labeling file upload button

HTML input file - how to translate "Choose File" and "No file Chosen"?

Change default text in input type="file"?

Django - 更改内容＆＃39;上传文件＆＃39;按钮在模板中说

1 个答案: