当前位置: 首页 > Web前端 > HTML5

使用jQueryHTML5和FormData上传文件的例子

时间:2023-04-05 23:56:31 HTML5

在HTML5之前,有一系列的jQuery技术和插件来实现AJAX文件上传。HTML5引入了简化文件上传的FormData类。本文将为您提供一个示例,说明如何使用jQueryHTML5和FormData上传文件。$('#myform').on('sumbit',function(){varform=$(this);varformdata=false;if(window.FormData){formdata=newFormData(form[0]);}varformAction=form.attr('action');$.ajax({url:'/upload',data:formdata?formdata:form.serialize(),cache:false,contentType:false,processData:false,type:'POST',成功:function(data,textStatus,jqXHR){//回调代码}});});您不需要任何插件、flash或iframe技巧就可以工作。这里有一些技巧可以使这段代码按照我们期望的方式工作:当我们创建FormData的实例时,我们传递form[0]而不是form。它适用于实际的表单元素,但不适用于jQuery选择器。我们只是传递false而不是定义contentType。这意味着jQuery不会向请求添加Content-Type标头。我们将processData设置为false,因此jQuery不会将我们的数据值(基于FormData)转换为字符串。以上就是使用jQueryHTML5和FormData上传文件的方法示例的详细内容,希望对您有所帮助。阅读原文:一个使用jQueryHTML5和FormData上传文件的例子相关文章:浅谈H5的数据中一个容易被忽视的小问题-*html5需要遵守的6条原则(介绍)Linux如何挂载PHP?内核原理在WhatiscallinganexternalcommandinPython

最新推荐
猜你喜欢