Ajax 提交表单同时上传文件为什么报错？

问答 / 1362 / 4 / 创建于 6年前 / 更新于 6年前

一个表单，通过ajax提交，能正常插入数据，前端也能响应ajax返回的json数据弹出对应的提示框，现在加了一个选择文件的按钮，需要在提交表单的时候上传文件到服务器，并返回文件路径一起存入数据库，但是图片和表单数据都上传成功了，返回的 json 数据直接被输出了（相关报错见图片），前端没有响应 json 的值弹出提示框，调试了一天了，求大神指点...
file
file
下面是laravel的错误日志：
file

14 声望

暂无个人描述~

《L05 电商实战》

从零开发一个电商项目，功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等

《L04 微信小程序从零到发布》

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

推荐文章：

更多推荐...

[开源项目] 基于 laravel 开发的一个社区/社交小程序 23 / 47 |

高效办公小技巧——如何批量处理 SQL 文件？ 19 / 10 |

测试用 Octane 加速 Laravel10，并发达到4倍左右，同时对比Hyperf3压力测试 20 / 25 |

既然有 HTTP 协议，为什么还要有 RPC？ 68 / 24 |

Git速查表 29 / 7 |

Laravel 使用 intervention/image 扩展包，生成带文字的海报 25 / 1 |

leochien

Laravel 8.x 译者 401 声望 / 技術主管 @ ?

最佳答案

Ajax 上傳檔案要用 FormData
建議可以參考以下流程設計此表單：

先開一支 API 專門用來上傳檔案
圖片被選擇時，上傳至（1）API，並取得回傳檔案路徑
將路徑填回表單
送出表單時的 AJAX 就可以用 JSON 格式傳送了

這樣的作法邏輯上較清晰，且可在多個地方共用檔案上傳，不用將上傳邏輯分散在每個 Controller 中

6年前评论

讨论数量: 4

leochien

Laravel 8.x 译者 401 声望 / 技術主管 @ ?

能看看你 Ajax 提交的內容嗎
看起來是表單中的 story 沒有檔案

6年前评论

西部荒野

14 声望

@leochien
是的，$request->file('story')确实是空的，这是怎么回事呢？
file

6年前评论

leochien

Laravel 8.x 译者 401 声望 / 技術主管 @ ?

Ajax 上傳檔案要用 FormData
建議可以參考以下流程設計此表單：

先開一支 API 專門用來上傳檔案
圖片被選擇時，上傳至（1）API，並取得回傳檔案路徑
將路徑填回表單
送出表單時的 AJAX 就可以用 JSON 格式傳送了

這樣的作法邏輯上較清晰，且可在多個地方共用檔案上傳，不用將上傳邏輯分散在每個 Controller 中

6年前评论

西部荒野

14 声望

@leochien
终于搞定了，非常感谢~

6年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助