管理员 表单提交上传数据+文件
<div class="message-box-left">
<div class="input-box">
<div class="label">
Organization name:
div>
<input type="text" name="data[o_name]">
div>
<div class="input-box">
<div class="label">
Contact person:
div>
<input type="text" name="data[name]">
div>
<div class="input-box">
<div class="label">
Email:
div>
<input type="text" name="data[email]">
div>
<div class="input-box">
<div class="label">
Phone No:
div>
<input type="text" name="data[phone]">
div>
<div class="input-box">
<div class="label">
URL for our reference:
div>
<input type="text" name="data[url]">
div>
<div class="input-box">
<div class="label">
Upload pictures:
div>
<input type="file" name="file_img" id="addPic" style="padding-top: 10px;">
div>
div>
$('.submit-btn').click(function() {
let formData = new FormData($('#form')[0]);
let data1 = $('#form').serializeArray();
for (let i in data1) {
if (data1[i].value == '') {
return alert('Content cannot be empty')
} else {
formData.append(data1[i].name, data1[i].value);
}
}
formData.append("file_img", document.getElementById('addPic').files[0]);
// return
$.ajax({
url: '?m=message&a=add_save',
type: "post",
data: formData,
async: true,
processData: false, // 不要去处理发送的数据
contentType: false, // 不要去设置Content-Type请求头
mimeType: "multipart/form-data",
dataType: 'json',
success(res) {
if (res.code == 200) {
alert(res.msg);
setTimeout(() => {
location.reload();
}, 500);
} else {
alert(res.msg);
}
}
})
})
免责申明：
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流！
2. 如有无法查看或链接失效，麻烦请报告联系管理员处理！
3. 本站无法保证资源或其时效性，恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途，请去程序官方购买。 所有资料均来自于网络，版权归原创者所有！本站不提供任何保证，并不承担任何法律责任，如果对您的版权或者利益造成损害，请提供相应的资质证明，我们将于3个工作日内予以删除。
