flutter web application upload image

最新推荐文章于 2025-01-07 15:38:36 发布

Ani

最新推荐文章于 2025-01-07 15:38:36 发布

阅读量4.4k

点赞数

分类专栏： flutter 文章标签： flutter web application upload image

本文链接：https://blog.youkuaiyun.com/Ani/article/details/102912642

版权

flutter 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了使用Flutter进行图片上传的方法，解决了一个常见的问题——缺少filename参数导致上传失败。通过对比正确的上传格式，发现flutter代码中缺失了关键的filename字段，补充后成功实现了图片上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于如何上传图片，先是找了网上的资料。最后根据下面的方式去实现
https://stackoverflow.com/questions/49125191/flutter-http-post-upload-an-image?noredirect=1
但一直没有成功。在确保服务端没有问题后，把重点移到flutter代码上。反复对比，却没有头绪。

最后查了一下HTTP POST上传文件的方式（如下文章）
https://blog.youkuaiyun.com/terry7/article/details/49464335
正常上传内容中，应该有 Content-Disposition: form-data; name="file"; filename="kn.jpg" 这样三项，但是我的只有2个项
如下：

所以，应该是他们给出的例子中少了 filename 这一项，而且，这个参数在flutter中也是可以缺省的，容易出错。

下图为少了 filename 参数时提交的数据截取。