普通表单上传会强制刷新页面，ajax上传则保持页面状态、支持进度反馈与中断重试；二者后端接收逻辑一致，均需满足enctype="multipart/form-data"、csrf token存在、字段名前后端一致三条件，ajax仅前端需手动处理token、禁设content-type头、正确解析多文件及响应。
核心区别在于：普通表单上传会强制刷新页面，而 Laravel 中用 AJAX 上传文件（配合 FormData + XMLHttpRequest 或 fetch）能保持页面状态、支持进度反馈、可中断重试，但需手动处理 CSRF、错误提示和文件验证逻辑。
普通表单提交时，Laravel 怎么接收文件
必须满足三个硬性条件，缺一不可：
-
enctype="multipart/form-data"属性必须写在<form></form>标签上，否则$_FILES为空，Laravel 的$request->file()也拿不到任何东西 - CSRF token 必须存在，即
@csrf或<input type="hidden" name="_token" value="{{ csrf_token() }}"> - 后端直接调用
$request->file('photo')即可拿到UploadedFile实例，验证、移动、存储都走 Laravel 原生流程（如->store('uploads')）
典型错误现象：Call to a member function store() on null，基本就是漏了 enctype 或前端传的字段名和后端取的不一致（比如前端 name="avatar"，后端却写 $request->file('photo')）。
AJAX 上传时，Laravel 后端接收逻辑不变，但前端要多做三件事
很多人以为后端要改写法，其实不是——只要前端发的是标准 multipart 请求，Laravel 的 $request->file() 照常工作。真正要补的是前端环节：
- 手动把 CSRF token 塞进
FormData：formData.append('_token', document.querySelector('meta[name="csrf-token"]').getAttribute('content')) - 不能用
fetch默认的Content-Type；必须让浏览器自动设置 boundary，所以**不要手动设headers: {'Content-Type': 'multipart/form-data'}**，否则请求体损坏，后端收不到文件 - 如果上传多个文件（
<input type="file" multiple name="photos[]">），后端要用$request->file('photos')接收数组，再遍历处理，不能只取[0]
常见错误：用 axios.post() 发送 FormData 时加了 headers 配置，结果 $_FILES 为空——这是因为 axios 会覆盖浏览器自动生成的 Content-Type 和 boundary。
为什么 AJAX 上传更容易出错，但值得折腾
表面上看，普通表单几行 HTML + 一个控制器就跑通；AJAX 却要写 JS 监听、构造数据、处理 loading、捕获 onerror、解析响应 JSON。但它解决的是真实痛点：
- 用户填了一大半表单，点上传——普通方式整个页面刷掉，输入全丢；AJAX 只局部更新，体验断层消失
- 大文件上传时，你能用
XMLHttpRequest.upload.onprogress显示进度条；普通表单完全黑盒，用户只能干等 - 上传失败时，你可以把 Laravel 验证错误（如
"photo must be an image"）原样塞进对应字段下方，而不是跳转到空白报错页 - 服务端返回 JSON 而非 HTML，前端可自由决定是 toast 提示、高亮错误框，还是静默重试
容易被忽略的关键点：Laravel 的 APP_URL 和前端 AJAX 请求地址必须同域（或正确配置 CORS），否则预检请求（OPTIONS）直接 403，连文件都发不出去；另外，Nginx/Apache 默认有 client_max_body_size 限制，上传大文件前得先调大，不然连 413 都看不到，请求就卡死了。
