分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

ajax 表单上传文件

发布时间:2023-09-06 01:36责任编辑:傅花花关键词:暂无标签

以往的ajax表单提交都是用 serialize(),但当有文件需要上传的时候这样就行不通。

需要用FormData 解决 ,表单也不需要加 enctype="multipart/form-data"

以下代码

html<form id="form"><input type="file" name="file" /></form>js // 别忘了加载jq<script>var form = $("#form"); var formData = new FormData(form);      // formData表单数据$.ajax({ ?url:"/",// 提交的页面 ?type:"post", ?data: formData, ?dataType:"json", ?async : false, ?cache : false, ?processData: false,    //必须的 ?contentType: false,    //必须的 ?success:function(resData){ ?},   error:function(){alert(‘error‘);}})</script>


后台数据正常接收就可以;

ajax 表单上传文件

原文地址:https://www.cnblogs.com/xueT/p/8295673.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved