如何在jquery中为“输入文件标记”赋予“multiple”属性

Question

由于我通过Django表单提交了HTML标记，因此无法直接访问标记，所以我想通过jQuery添加一些属性。

这是输入标记

<input id="id_photo" name="photo" type="file">

我想在输入标记中添加multiple属性。所以我做到了，

$('#id_photo').attr('multiple');

但它不起作用，我该怎么办？

Answer 1

查看文档，你需要为attr传递一个值来设置它，否则你只是得到它。我还建议使用prop

$('#id_photo').attr('multiple', true);
// or this
$('#id_photo').prop('multiple', true);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input id="id_photo" name="photo" type="file">

Answer 2

您必须使用setAttr

例如

$('#id_photo').setAttr('multiple', true);

但是如果你通过django表单创建这个输入，你可以像这样在forms.py文件中定义属性

photo = forms.FileField(widget=widgets.FileInput(attrs={
    'multiple': True,
}))