位置: 编程技术 - 正文

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高度)

  • 增值税纳税申报时间
  • 企业给员工购买社保的规定
  • 转出未交增值税借方
  • 购销金额多少的情况下必须需要签合同?
  • 珠宝首饰可以开发票吗
  • 固定资产融资租出计入什么科目
  • 注销了出口退税怎么办
  • 应收票据贴现的含义
  • 社保上面的每月的缴费基数是什么意思?
  • 转让股权取得的收益是调增还是调减
  • 企业所得税跨期费用的相关规定
  • 办公室的取暖费怎么做会计分录
  • 企业购买救生棒合法吗
  • 小规模代开增值税专票开错了如何处理?
  • 虚开增值税发票不能忽略的三个点!
  • 管理费用月末结账
  • 一般企业车辆日期怎么算
  • 三证合一之后的税务登记
  • 销售退回如何做账
  • 发票冲红怎么开具
  • 服务业结转成本与收入如何配比
  • 初学者如何
  • 修改注册表限制cpu速度
  • 消防设施费用怎么入账
  • 招待费报账怎么查
  • wordpress相关文章
  • php写文件函数
  • 金融企业的贷款准备金
  • wordpress是开源吗
  • 今日冬至有什么讲究吗
  • 设计资质承担范围
  • 滴滴发票开公司名称可以抵扣进项吗
  • 城建税10%用于教育哪方面
  • 资本化的研发费用计入什么科目
  • php取字符串
  • git 查看所有commit
  • 零申报有哪些
  • python操作yaml文件
  • 数据库SQL中DML
  • 充电口有烧焦味怎么简单解决
  • 积分获取和消费的关系
  • 人力资源劳务外包需要什么资质证书
  • 企业收到退回的社保费分录
  • 销售货物如何写凭证
  • 珠宝行业的会计处理方式
  • 办理产权证费用明细
  • 免抵退税和留抵退税计算题
  • 工资代发户怎么开
  • 预收账款核算如何做账
  • 陪标收费标准
  • 利润总额和未分成比例
  • 工程未完工开了发票怎么做账
  • 财产裁定书
  • 固定资产的残值率是什么意思
  • 电脑爆音卡死
  • ubuntu更新设置在哪
  • 联想y400装win8
  • Ubuntu系统安装软件
  • win7系统怎么设置开机启动项
  • win8找不到桌面
  • win7 64位旗舰版电脑鼠标如何才能设置成左手操作?设置鼠标为左手操作的方法
  • linux计划任务执行脚本
  • 缺少系统操作怎么办
  • linux怎么配置raid
  • css样式表可以兼容所有浏览器吗
  • opengl es 2.0是什么
  • flash和javascript
  • python signal模块
  • shell终端是什么意思
  • JavaScript中的变量名不区分大小写
  • [置顶]从lv2开始开挂的原勇者候悠闲的异世界生活
  • js页面滚动到指定位置
  • 汕头市国税局公务员待遇
  • 广州地税预约网官网
  • 国家税务总局一个月多少钱
  • 印花税应税凭证数量是什么意思
  • 免抵退税办法不得抵扣的进项
  • 税收优惠政策有没有政府补助
  • 酒精税收分类编码查询
  • 中国进口车关税为什么那么贵
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设