如何使用Ajax技术实现文件上传功能？

本文共计126个文字，预计阅读时间需要1分钟。

使用jQuery和Ajax上传文件的方法如下：

javascriptfunction fileUpload() { var url=你的URL; var formData=new FormData(); formData.append(file, $(#fileInput)[0].files[0]); $.ajax({ url: url, type: 'POST', data: formData, processData: false, contentType: false, success: function(data) { // 处理成功返回的数据 }, error: function() { // 处理错误情况 } });}

jQuery Ajax 上传文件 方法

function fileUpload() { var url = "你的URL"; var formData = new FormData($("#opForm")[0]);// opForm 你的form 的选择器 // formData.append("name",name); $.ajax({ url: url, type: 'POST', data: formData, async: false, cache: false, contentType: false,// 告诉jQuery不要去设置Content-Type请求头 processData: false, // 告诉jQuery不要去处理发送的数据 success: function (data) { alert(data.msg); }, error: function (data) { alert(data.msg); } }); }