PHP Ajax,FormData收集表单数据(包括文件) 页面无刷新上传文件(提交表单)

原创

于 2018-01-29 14:22:56 发布 · 5.9k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#php #ajax #javascript

本文介绍如何利用FormData收集表单数据，包括文件信息，实现页面无刷新的文件上传。阐述了附件上传的相关技术点，如通过$_FILES在服务器端接收，以及使用FormData的注意事项，如表单域的name属性、enctype属性设置和Ajax提交时的Content-Type设置。

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

一、FormData收集表单数据(包括文件)
dom可以获取普通表单域信息，并可以直接提交给服务器
javascript实现附件信息抓取，之前浏览器技术由于有安全方面的限制，也不允许通过js抓取附件信息。
FormData可以实现普通表单域和上传文件域信息的收集。
收集附件信息：
dom方式只可以收集普通的表单域信息，并且浏览器由于安全方面的限制也禁止通过javascript语言操作本地文件。
可以利用FormData实现附件信息的收集:普通表单域和上传文件域均可以收集。

二、附件上传相关技术点：
<form enctype=”multipart/form-data”>
<input type=”file”>
服务器端：$_FILES接收附件信息(name/error/size/type/tmp_name)
error:
0---->ok
1---->大小超出php.ini限制
2---->大小超出MAX_FILE_SIZE表单域限制
3---->附件只上传了一部分
4---->没有上传附件
move_uploaded_file(附件临时路径名tmp_name，真实附件路径名);

三、使用FormData注意：
1、每个表单域必须有name属性
2、在form标签里边无需设置enctype=”multi