jQuery Ajax 上传文件处理方式介绍(推荐)

╰+哭是因爲堅強的太久メ 2022-04-11 13:30 159阅读 0赞

看了半天Blob、File、FileReader，以及各种转化的知识，后来发现Ajax上传文件的方式很简单。  
  
　　jQuery Ajax在web应用开发中很常用，它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法，接下来通过本文给大家介绍jquery ajax 上传文件处理方式。  
  
　　\[b\]FormData对象\[/b\]  
  
　　XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个”表单”.比起普通的ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件.  
　　所有主流浏览器的较新版本都已经支持这个对象了，比如Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+。

var formData = new FormData();
    var name = $("input").val();
    formData.append("file",$("#upload")[0].files[0]);
    formData.append("name",name);
    $.ajax({ 
    url : Url, 
    type : 'POST', 
    data : formData, 
    // 告诉jQuery不要去处理发送的数据
    processData : false, 
    // 告诉jQuery不要去设置Content-Type请求头
    contentType : false,
    beforeSend:function(){
       
    console.log("正在进行，请稍候");
    },
    success : function(responseStr) { 
    if(responseStr.status===0){
       
    console.log("成功"+responseStr);
    }else{
       
    console.log("失败");
    }
    }, 
    error : function(responseStr) { 
    console.log("error");
    } 
    });

转自：http://www.jb51.net/article/87654.htm

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery ajax springmvc 文件上传实例

. jquery ajax springmvc 文件上传实例 https://blog.csdn.net/irokay/article/details/72984048...

亦凉/ 2024年04月17日 06:26/ 0 赞/ 89 阅读

相关 jquery ajax+spring mvc上传文件

导入commons-fileupload-1.2.2.jar和commons-io-2.4.jar及spring的一些jar包创建上传处理类UploadAction

灰太狼/ 2023年10月16日 22:49/ 0 赞/ 75 阅读

相关文件ajax上传方式

直接看代码 1.html <table class="layui-table"> <thead> <tr> <

末蓝、/ 2023年06月28日 09:52/ 0 赞/ 43 阅读

相关 put ajax 文件上传,Jquery/ajax 如何以put方式上传文件

用户提问 using System.Data.OleDb; using System.Data; namespace \_211 \{ /// /// DBQuery 的摘要

我会带着你远行/ 2022年09月03日 11:20/ 0 赞/ 258 阅读

相关前端ajax异步上传文件+SpringMVC处理上传文件

mark一下以防自己以后再次遇到，也是给同行们一个参考。先说下我的需求：前端我需要给用户一个上传文件页面，用户点击上传后，不会像提交form一样跳转，而是在上传页面

本是古典何须时尚/ 2022年06月13日 00:57/ 0 赞/ 401 阅读

相关 jQuery Ajax 上传文件处理方式介绍(推荐)

　　看了半天Blob、File、FileReader，以及各种转化的知识，后来发现Ajax上传文件的方式很简单。　　jQuery Ajax在web应用开发中很常用，

╰+哭是因爲堅強的太久メ/ 2022年04月11日 13:30/ 0 赞/ 160 阅读

相关 jquery ajax上传文件

<form action="" id="upfile" name="upfile" method="post" enctype="multipart/form-data

小咪咪/ 2022年04月11日 08:22/ 0 赞/ 265 阅读

相关 jQuery Ajax文件上传(php)

如何实现jQuery的Ajax文件上传，PHP如实文件上传. AJAX上传文件，PHP上传文件。【PHP文件上传】在开始之前，我觉得是有

àì夳堔傛蜴生んèń/ 2022年03月09日 12:39/ 0 赞/ 429 阅读

相关 jQuery ajax实现文件上传

jQuery+ajax实现文件上传我在写jQuery接口上传文件的时候，遇到一个特头疼的问题，那就是上传图片，刚开始那我以为一个简单的form表单就搞定了，没想到写了两

蔚落/ 2021年07月26日 23:31/ 0 赞/ 548 阅读

相关 jquery Ajax serialize()表单进行序列化方式上传文件

通过Ajax serialize()表单进行序列化方式上传文件，使用FormData进行Ajax请求通过传统的form表单提交的方式上传文件： <form id=

清疚/ 2021年07月26日 19:55/ 0 赞/ 303 阅读