博主信息
dxp2tq的博客
博文
159
粉丝
1
评论
0
访问量
137174
积分:0
P豆:570

FormData

2018年09月14日 01:14:57阅读数:496博客 / dxp2tq的博客/ JavaScript

********20180914**********************

网页中上传图片和图片说明大多有两种方法:

① form表单 :需enctype="multipart/form-data"

② 非form表单:ajax提交

HTML代码

<div id="uploadForm">    

<input id="file" type="file"/>    

<input id="content" type="txt"/>    

<button id="upload" type="button">upload</button>

</div>

javascript代码

创建一个FormData对象,然后通过append() 方法向对象中添加键值对(需要什么,添加什么)

var formData = new FormData();

formData.append('file', $('#file')[0].files[0]);//第一个参数任意命名
formData.append('content', $("#content").val());//第一个参数任意命名

$.ajax({
   url: 'test.php',
   type: 'POST',
   cache: false,
   data: formData,
   processData: false,//必须
   contentType: false //必须

})


PHP代码(test.php)

var_dump($_POST);
var_dump($_FILES);die;

 



创建一个你自己的FormData对象,然后通过append() 方法向对象中添加键值对

版权申明:本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
  • vue.js上传文件的方法:可以使用FormData对象实现文件上传,FormData对象可以组装一组用XMLHttpRequest发送请求的键/值对.它可以灵活方便的发送表单数据。