CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

使用jQuery HTML5和FormData上传文件的方法示例

来源:网络整理  作者:  发布时间:2020-12-19 22:10
在HTML5之前,有一系列jQuery的技术和插件来实现AJAX文件上传。HTML5引入了可以简化文件上传的FormData类。本篇文章给大...

我们只是传递false而不是定义contentType。这意味着jQuery不向请求添加 Content-Type头部。

当我们创建FormData的实例时,我们传递form [0]而不是form。它的意思是实际的表单元素,但不是jQuery选择器。

在HTML5之前,有一系列jQuery的技术和插件来实现AJAX文件上传。HTML5引入了可以简化文件上传的FormData类。本篇文章给大家介绍一下使用jQuery HTML5和FormData上传文件的方法示例。

我们设置processData为false,所以,jQuery不会将我们的data值(以FormData为基础)转换为字符串。

以上就是使用jQuery HTML5和FormData上传文件的方法示例的详细内容,更多请关注聚合云库其它相关文章!

$('#myform').on('sumbit', function(){ var form = $(this); var formdata = false; if (window.FormData) { formdata = new FormData(form[0]); } var formAction = form.attr('action'); $.ajax({ url : '/upload', data : formdata ? formdata : form.serialize(), cache : false, contentType : false, processData : false, type : 'POST', success : function(data, textStatus, jqXHR){ // Callback code } }); });

你不需要任何插件,flash或iframe技巧就能有效的实现。这里有一些技巧可以使这些代码以我们期望的方式工作:

相关热词: HTML jquery HTML5 方法

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5839.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

使用jQuery HTML5和FormData上传文件的方法示例

2020-12-19 编辑:

我们只是传递false而不是定义contentType。这意味着jQuery不向请求添加 Content-Type头部。

当我们创建FormData的实例时,我们传递form [0]而不是form。它的意思是实际的表单元素,但不是jQuery选择器。

在HTML5之前,有一系列jQuery的技术和插件来实现AJAX文件上传。HTML5引入了可以简化文件上传的FormData类。本篇文章给大家介绍一下使用jQuery HTML5和FormData上传文件的方法示例。

我们设置processData为false,所以,jQuery不会将我们的data值(以FormData为基础)转换为字符串。

以上就是使用jQuery HTML5和FormData上传文件的方法示例的详细内容,更多请关注聚合云库其它相关文章!

$('#myform').on('sumbit', function(){ var form = $(this); var formdata = false; if (window.FormData) { formdata = new FormData(form[0]); } var formAction = form.attr('action'); $.ajax({ url : '/upload', data : formdata ? formdata : form.serialize(), cache : false, contentType : false, processData : false, type : 'POST', success : function(data, textStatus, jqXHR){ // Callback code } }); });

你不需要任何插件,flash或iframe技巧就能有效的实现。这里有一些技巧可以使这些代码以我们期望的方式工作:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/5839.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页