如何禁止用户使用 Vue 上传非 PDF 文件？

Question

我正在使用 Bootstrap-Vue 和 Vue2。我想使用Form File Input 来允许用户上传文件。但文件的格式只能是 PDF。所以我用accept="application/pdf"：

<b-form-file
    v-model="fileLoc"
    browse-text="choose"
    accept="application/pdf"
/>

但是浏览时，我还是可以选择“全部”，选择非PDF文件：

如何确保用户只上传 PDF 格式的文件？

Answer 1

其实答案就在你提供的链接里:-)

“注意：并非所有浏览器都支持或尊重文件输入的接受属性。”

如果您想确保用户上传了 pdf 文件，我建议您为此编写一个函数（并且还请进行服务器验证，因为用户可能已将文件的扩展名切换为 pdf）。