位置: 编程技术 - 正文

jQuery Ajax使用FormData对象上传文件的方法

编辑:rootadmin

推荐整理分享jQuery Ajax使用FormData对象上传文件的方法,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。 在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。 但上传文件部分只有底层的XMLHttpRequest对象发送上传请求,那么怎么通过jQuery的Ajax上传呢? 本文将介绍通过jQuery使用FormData对象上传文件。

使用<form>表单初始化FormData对象方式上传文件

HTML代码

javascript代码

这里要注意几点:

processData设置为false。因为data值是FormData对象,不需要对数据做处理。

<form>标签添加enctype="multipart/form-data"属性。

cache设置为false,上传文件不需要缓存。

contentType设置为false。因为是由<form>表单构造的FormData对象,且已经声明了属性enctype="multipart/form-data",所以这里设置为false。

jQuery Ajax使用FormData对象上传文件的方法

上传后,服务器端代码需要使用从查询参数名为file获取文件输入流对象,因为<input>中声明的是name="file"。 如果不是用<form>表单构造FormData对象又该怎么做呢?

使用FormData对象添加字段方式上传文件

HTML代码

这里没有<form>标签,也没有enctype="multipart/form-data"属性。 javascript代码

这里有几处不一样:

append()的第二个参数应是文件对象,即$('#file')[0].files[0]。

contentType也要设置为‘false'。 从代码$('#file')[0].files[0]中可以看到一个<input type="file">标签能够上传多个文件, 只需要在<input type="file">里添加multiple或multiple="multiple"属性。

后台接收文件:

以上所述是小编给大家介绍的jQuery Ajax使用FormData对象上传文件的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

jQuery动态改变多行文本框高度的方法 本文实例讲述了jQuery动态改变多行文本框高度的方法。分享给大家供大家参考,具体如下:htmlheadmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/title文

jQuery文本框得到与失去焦点动态改变样式效果 本文实例讲述了jQuery文本框得到与失去焦点动态改变样式效果。分享给大家供大家参考,具体如下:htmlheadmetahttp-equiv="Content-Type"content="text/html;charset=utf-

jQuery事件绑定用法详解 本文实例讲述了jQuery事件绑定。分享给大家供大家参考,具体如下:style.css*{margin:0;padding:0;}body{font-size:px;line-height:%;padding:px}#panel{width:px;border:1px

标签: jQuery Ajax使用FormData对象上传文件的方法

本文链接地址:https://www.jiuchutong.com/biancheng/382024.html 转载请保留说明!

上一篇:jQuery Dialog 取消右上角删除按钮事件(jquery关闭当前页面)

下一篇:jQuery动态改变多行文本框高度的方法(jquery动态设置div高度)

  • 收到待报解预算收入怎么查退的什么税
  • 企业所得税纳税义务人
  • 应纳税所得额是利润总额吗
  • 委托加工物资的消费税计入成本吗
  • 进项税跟增值税
  • 房产税从价计征如何算
  • 非货币资产交换和债务重组的区别
  • 转租仓库交增值税吗
  • 合同取得成本如何结转
  • 存货的领用
  • 税务注销后还能稽查吗
  • 出售无形资产计入资产处置损益还是营业外收入
  • 增值税专票劳务费怎么开
  • 小规模纳税人免税会计分录
  • 公司向股东借款计入什么科目
  • 购买预付油卡的账务处理
  • 小规模纳税人代收水电费税率
  • 股权转让分期收款怎么企业所得税
  • 委托代征申报
  • 兼营小规模纳税人增值税优惠
  • 增值税优惠的二级明细科目
  • 奖励费收入是什么
  • 技术调试费用开几个点税
  • 施工津贴属于
  • 预提待摊费用怎么做账
  • 建筑工程账务处理是在哪个阶段
  • 腾讯管家游戏加速怎么开
  • 股息红利税补缴什么时候收取
  • 设计版权费用
  • mac 10.11系统
  • 2019年下半年中小学教师资格考试综合素质试题
  • linux命令tar zcvf
  • php7.3安装
  • 企业为员工提供服务要交增值税吗
  • 如何做商品批发
  • 企业财务管理的对象是什么
  • 季度申报残保金怎么计算
  • 对标是啥
  • 云服务器远程端口
  • sockas
  • php新版本特性
  • 一般纳税人购进免税农产品如何抵扣进项税额
  • 账本印花税怎么申报缴纳
  • go语言ui
  • php增删改查语句
  • 契税怎么征
  • 血液制品增值税税率
  • 只有劳务报酬 能否扣5000
  • 金税四期主要核查什么?
  • 工程奖金计入什么科目
  • 退付现金什么意思
  • 财产转让收入属于什么收入
  • 公司报销专用发票
  • 期初余额根据什么填
  • 期初建帐
  • 增值税发票未认证丢失怎么办
  • 无进项发票开具销项发票
  • 买一送一会计分录怎么写
  • 公司加班的餐费怎么算
  • 装修公司做账涉及科目
  • 调整后视镜
  • SQL Server中通过reverse取某个最后一次出现的符号后面的内容(字符串反转)
  • linux系统中cron命令
  • win7玩游戏出现安全警报
  • win10桌面上图标
  • WIN7系统屏幕亮度哪里设置
  • javascript程序代码
  • Android与OpenCV2.4.4(2013最新)搭建图像处理框架
  • eclipse cocos2dx Couldn't load cocos2dcpp from loader
  • javascript有哪些类型
  • linux 监视器
  • nodejs递归创建目录
  • 范冰冰魔范学院杂志可爱公主风
  • 通过制作日晷我们可以探索发现一天之中
  • android内存优化三 简书
  • settimeout和setinterval在安卓机无效
  • 澳门国际金融税务局
  • 湖南税务局发票查询
  • 股东向公司借款需要什么手续
  • 何为标兵称号
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设