栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

以表单形式上传图像,使用ajax提交

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

以表单形式上传图像,使用ajax提交

使用

FormData()
该类最简单:

因此,现在您有了一个FormData对象,准备与XMLHttpRequest一起发送。并使用FormData对象附加字段

<script type="text/javascript">$(document).ready(function () {    var form = $('#forms-items'); //valid form selector    form.on('submit', function (c) {        c.preventDefault();        var data = new FormData();        $.each($(':input', form ), function(i, fileds){ data.append($(fileds).attr('name'), $(fileds).val());        });        $.each($('input[type=file]',form )[0].files, function (i, file) { data.append(file.name, file);        });        $.ajax({ url: 'ajax/submitform.php', data: data, cache: false, contentType: false, processdata: false, type: 'POST', success: function (c) {      //pre here if you want to show any success message     alert(response); }        });        return false;    });})</script>

并强制jQuery不要为您添加Content-Type标头,否则,上传文件边界字符串将丢失。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/436974.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号