如何使用 Vue.Js 上传仅图像文件？

Posted 2023-02-24

【中文标题】如何使用 Vue.Js 上传仅图像文件？

【英文标题】：How can I upload an image-only file with Vue.Js?

【发布时间】：2020-07-14 18:29:58

【问题描述】：

所以我的问题应该很简单，但我找不到任何体面的材料来帮助我解决这个问题，我只希望用户能够在 Vue.Js 上仅发送图像文件，有人可以提供帮助我？我在这里不是什么大问题，因为我总能找到帮助我的东西，但这次不是。 对不起我的英语，我是巴西人，我没有太多练习嘿嘿嘿

【问题讨论】：

这能回答你的问题吗？ How to limit file upload to be only images?

【参考方案1】：

您可以使用纯html 执行此操作，如下所示：

<input type="file" name="img" accept="image/x-png,image/gif,image/jpeg" />

【讨论】：

非常感谢！！我将在我的项目中对此进行测试。

谢谢你的工作