ajax上传图片到服务器简单操作

cenfengtao 2021-12-13 原文

前端:

通过Ajax方式上传文件,使用FormData进行Ajax请求。上传文件或图片时,要求的格式为enctype =“multipart/form-data”(以二进制格式上传),在使用ajax上传时需要注意。

html代码:

js代码:

当上传完成,我们可以拿到控制台的信息:

Content-Type:multipart/form-data

 

 

注意:我们在使用data:formData 传数据时,不能写为 data:{data:formData}这种键值对的格式,这样后台拿到的数据就不再是 multipart/form-data 。个人认为可能的原因是,如果也成键值对的格式,那么ajax会去解析这个数据,这样就把原来的multipart/form-data 格式解析为普通的json格式,因此不能写为键值对的方式传输。

后台那数据时,要通过input的name来拿。

 

 

后台:

 

版权声明:本文为cenfengtao原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/cenfengtao/p/10039989.html

ajax上传图片到服务器简单操作的更多相关文章

随机推荐

  1. 面试官:线程池如何按照core、max、queue的执行循序去执行?(内附详细解析)

    前言 这是一个真实的面试题。 前几天一个朋友在群里分享了他刚刚面试候选者时问的问题:“线程池如何按 […]...

  2. asp.net下载文件几种方式总结

    asp.net下载文件几种方式总结 2013-02-21 20:48  yezhi  阅读(144)  评论( […]...

  3. :14: error: not found: value spark import spark.implicits.

    启动 ./spark-shell 出现问题         启动 hadoop, 并创建,解决 hadoop […]...

  4. 多变量微积分笔记11——变量替换 – 我是8位的

    多变量微积分笔记11——变量替换 在二重积分中,极坐标替换是一种特殊情况,更一般的变量替换后的面积元是通过雅可 […]...

  5. c/c++/c# 快速计算 Cumulative Normal Distribution 正态累积函数CDF

    c/c++/c# 快速计算 Cumulative Normal Distribution 正态累积函数CDF […]...

  6. easy-mock 本地部署(挤需体验三番钟,里造会干我一样,爱象节款mock)

    前言 很多小伙伴问我怎么在自己公司的项目里面添加配置mock,在vue项目里面都知道怎么配置mock,在大型前 […]...

  7. python3-开发面试题(python)6.22基础篇(1)

    1、为什么学习Python? 1、语言排行榜 2、语言本身简洁,优美,功能超级强大的 3、跨平台 4、非常火爆 […]...

  8. python HelloWorld 的 4 种姿势,你知道几种

    安装完 Python 之后该干啥,当然是要 say HelloWorld 了。 python.exe 就是个普 […]...

展开目录

目录导航