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. SecureCRT 常用命令(linux命令)

    常用命令:一、ls 只列出文件名 (相当于dir,dir也可以使用) -A:列出所有文件,包含隐藏文件。 -l […]...

  2. Html5视频播放video标签使用详解【转】

    1,下面是一个播放视频的最简单样例  (controls属性告诉浏览器要有基本播放控件)     <vi […]...

  3. 滤波器设计概要

    滤波器设计概要 2013-04-18 00:07  zmkeil  阅读(1608)  评论(0)  编辑  […]...

  4. 二进制

    二进制<1> Matrix67:位运算简介及实用技巧(一) 基础篇 什么是位运算?    程序中的 […]...

  5. [Oracle数据库学习]十一、视图

    D7 常见的数据库对象 对象 描述 表 基本的数据存储集合,由行和列组成 视图 从表中抽出的逻辑上相关的数据集 […]...

  6. android安卓生成密钥keystore(命令控制)

    android安卓生成密钥keystore(命令控制) • 配置JDK 详细教程 https://blog.c […]...

  7. 2012年程序员薪资调差报告出炉

    编者按:程序员作为一个令人关注,并且时刻引领着科技发展的一群人,他们的薪资以及待遇,行业状况都是很多人关心的问 […]...

  8. JavaScript的屏幕输出及时间函数

    Js屏幕输出 重定向页面输出: 更改输出流,如果在加载时使用则会正常排序,如果在HTML加载完成后使用,如点击 […]...

展开目录

目录导航