本文介绍了如何使用Ajax配合FormData，实现前端上传多张图片的同时，将字符串一起发送到PHP后台。PHP后台需要进行图片接收和处理。提供了具体的前端代码示例和PHP接收代码片段。
前端网页:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/jquery-2.1.0.js"></script>
</head>
<body>
<!--最好不要超过5张,php接收文件大小的原因 -->
<div id="picture_show"></div><br>
<form action="pic2.php" method="post" id="form" enctype="multipart/form-data">
<span class="file_parent">
<!--去掉[] 单个上传 -->
<input type="file" class="file" name="upload[]" accept="image/*" id="upload" multiple="multiple" /><br>
</span> <input type="button" onclick="upload_form()" value="上传"> </form>
<div id="xdebug">
</div>
</body>
<script>
var formdata = new FormData();
//清空图片
function clearall() {
var formdata = window.formdata;
formdata.delete('upload[]');
}
//避免change事件绑定在input上失效
$(".file_parent").on("change", "#upload"
最低0.47元/天 解锁文章
扫一扫
970
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
