图片上传与表单提交同时进行时如何保证新增接口获取到图片数据?

点击保存时接口执行顺序问题

在点击保存后,执行表单提交和调用新增接口。但由于同时有一个图片上传字段,导致新增接口在保存时获取不到上传图片的值。为了解决这个问题,开发者在新增接口中添加了 setTimeout。

为了进一步提高解决效率,可以在图片上传接口返回结果后,再调用新增接口。具体实现如下:

将图片上传表单数据放入 FormData 对象中。使用 uploadImg 函数上传图片,并将结果存储在 response 中。在 then 回调函数中处理上传响应,并从响应中获取图片 URL。将图片 URL 设置到模型 this.fileInModel.content 中。调用新增接口 this.add(),并传入图片 URL 作为参数。

这样,新增接口就可以在获取到图片 URL 后再执行,解决了第一时间无法获取图片值的问题。

以上就是图片上传与表单提交同时进行时如何保证新增接口获取到图片数据?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2796073.html

(0)
上一篇 2025年3月8日 20:07:23
下一篇 2025年3月2日 19:45:20

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论