前置条件:
form 表单设置 enctype="multipart/form-data"
<form id="add_form" method="post" enctype="multipart/form-data">
<p>
<label>营业执照:</label>
<input type="file" name="card_img" id="card_img" accept="image/*">
</p>
<p>
<label>执照编码:</label>
<input type="text" name="idcard" value="" palceholder="请输入营业执照编码">
</p>
<input type="button" onclick="submit()" value="提交">
</form>
JQ实现:
function submit(){
var formData = new FormData($("#add_form")[0]);
$.ajax({
url: "/path/to/your/url",
type: "post",
data: formData,
async: false, // 是否异步传输
cache: false, // 是否缓存
contentType: false, // 必须false才会自动加上正确的 Content-Type
processData: false, // 必须false才会避开jQuery对 formData 的默认处理
success: function(s){
// something...
});
reture false;
}
PHP后端:
public function receive()
{
if (IS_POST){
print_r($_POST);
print_r($_FILES);
die();
}
}
易踩坑:没有注意前置条件