使用Jquery中ajax实现上传文件

html:

  <input type="file" name="uploadFile" id="uploadFile">

jq:

$("#uploadFile").on("change", function() {

  var formData = new FormData();                      // 创建一个form类型的数据

  formData.append('file','$("#uploadFile")[0].files);     // 获取上传文件的数据

  $.ajax({

    "url": "",

    "type": "",

    "processData": false, // 将数据转换成对象,不对数据做处理,故 processData: false 

    "contentType": false,    // 不设置数据类型

    ”xhrFields": {                // 这样在请求的时候会自动将浏览器中的cookie发送给后台

      withCredentials: true

    },

    "data": formData,

    success: function(data) {

      console.log(data)

    },

    error: function(data) {

    }

  })

})

 

posted on   小雨子1993  阅读(9374)  评论(0编辑  收藏  举报

编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示