本文介绍了在Vue项目中遇到的图片表单提交问题及解决方案。作者最初尝试使用Base64或其它格式提交图片，但由于后台接口要求不同而失败。在咨询同事和研究后，了解到应通过HTML form和input元素进行提交。示例代码展示了如何实现图片预览和表单提交，包括选择图片、预览、限制上传数量等功能。最后，文章强调了理解后端接口需求的重要性。
之前从没有用过来上传图片，实在是难倒我了，虽然很简单，但是我之前写的时候走入了一个深坑。
一开始我网上百度了，发现可以预览图片，就跟着大神的步骤去写了，结果到提交给后台的时候出现了问题，我提交的是base64或是其他的格式，可我的后台同事没有写这样的请求方式，所以未能提交成功图片。后台同事跟我说，很简单的，就只需要提交一个图片就好了，不需要你写什么东西，但是愚笨的我还是不理解，跑去请教我之前的大学同学，结果我的同学一脸懵，因为他觉得太low了。不过他还是教了我，但他教的我跟我之前理解的一样，我提交的时候后台发送给我了写入错误的提示。不得已我就去问了后台的同事，他就把代码发给我了，我发现按他的方式是可以提交的，但是他是通过form表单和input提交的方式去提交的，但是我之前是想通过获取到图片的input内容去提交，但仍提示错误，我就放弃了，所以我在这里贴上用form表单操作的代码
请选择打卡分区:
{ {item.name}}
请选择打卡分区的地点:(先选择打卡分区)
{ {item.name}}
上传图片(最多0张，还可上传张)
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
