html中form表单的enctype属性

最新推荐文章于 2024-06-12 22:05:33 发布
转载 最新推荐文章于 2024-06-12 22:05:33 发布 · 1k 阅读 · 3
文章标签：

#MIME编码 #form表单的enctype属性 #文件上传

本文详细介绍了HTML表单中enctype属性的作用及三种值：application/x-www-form-urlencoded、multipart/form-data和text/plain的区别。重点解释了multipart/form-data如何用于文件上传。
首先知道enctype这个属性管理的是表单的MIME编码。共有三个值可选：
1、application/x-www-form-urlencoded
2、multipart/form-data
3、text/plain
其中application/x-www-form-urlencoded是默认值，作用是设置表单传输的编码。例如我们在AJAX中见过xmlHttp.setRequestHeader("Content-Type","application/x-www-form- urlencoded");如果不写会报错的，但是在html的form表单里是可以不写enctype=application/x-www-form-urlencoded,因为默认的HTML表单就是这种传输编码类型的。
而multipart/form-data是用来制定传输数据的特殊类型的，主要就是我们上传的非文本的内容，比如图片或是是mp3等等。（文件上传须在form中加 enctype="multipart/form-data"）
text/plain是纯文本传输的意思，在发邮件的时候要设置这种编码类型，否则会出现接收时编码混乱的问题。网络上经常拿text/plain和 text/html做比较，其实这两个很好区分，前者用来传输纯文本文件，后者则是传递html代码的编码类型，在发送头文件时才用得上。①和③都不能用于上传文件，只有multipart/form-data才能完整的传递文件数据

上面提到的MIME，它的英文全称是"Multipurpose Internet Mail Extensions" 多功能Internet 邮件扩充服务，它是一种多用途网际邮件扩充协议，在1992年最早应用于电子邮件系统，但后来也应用到浏览器。服务器会将它们发送的多媒体数据的类型告诉浏览器，而通知手段就是说明该多媒体数据的MIME类型，从而让浏览器知道接收到的信息哪些是MP3文件，哪些是Shockwave文件等等。服务器将 MIME标志符放入传送的数据中来告诉浏览器使用哪种插件读取相关文件。

　　简单说，MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。

　　浏览器接收到文件后，会进入插件系统进行查找，查找出哪种插件可以识别读取接收到的文件。如果浏览器不清楚调用哪种插件系统，它可能会告诉用户缺少某插件，或者直接选择某现有插件来试图读取接收到的文件，后者可能会导致系统的崩溃。传输的信息中缺少MIME标识可能导致的情况很难估计，因为某些计算机系统可能不会出现什么故障，但某些计算机可能就会因此而崩溃。

　　检查一个服务器是否正确设置了MIME类型的步骤是：

　　1. 在Netscape浏览器中打开服务器网页

　　2. 进入"View"菜单，选择"Page Info"

　　3. 在弹出的窗口中点击上层框架中的"EMBED"

　　4. 在下层框架中查看MIME的类型是否为"application/x-director"或"application/x-shockwave- flash"，如果是上述信息的话表明服务器已经正确设置了MIME类型；而如果MIME类型列出的是文本内容、八位一组的数据或是其它形式均表明服务器的MIME类型没有设置正确。

　　如果服务器没有正确标明其发送的数据的类型，服务器管理员应该正确添加相关信息，具体操作方法非常简单快捷。

　　每个MIME类型由两部分组成，前面是数据的大类别，例如声音audio、图象image等，后面定义具体的种类。

　　常见的MIME类型

　　　　超文本标记语言文本 .html,.html text/html

　　　　普通文本 .txt text/plain

　　　　RTF文本 .rtf application/rtf

　　　　GIF图形 .gif image/gif

　　　　JPEG图形 .jpeg,.jpg image/jpeg

　　　　au声音文件 .au audio/basic

　　　　MIDI音乐文件 mid,.midi audio/midi,audio/x-midi

　　　　RealAudio音乐文件 .ra, .ram audio/x-pn-realaudio

　　　　MPEG文件 .mpg,.mpeg video/mpeg

　　　　AVI文件 .avi video/x-msvideo

　　　　GZIP文件 .gz application/x-gzip

　　　　TAR文件 .tar application/x-tar

　　　　Internet中有一个专门组织IANA来确认标准的MIME类型，但Internet发展的太快，很多应用程序等不及IANA来确认他们使用的MIME类型为标准类型。因此他们使用在类别中以x-开头的方法标识这个类别还没有成为标准，例如：x-gzip，x-tar等。事实上这些类型运用的很广泛，已经成为了事实标准。只要客户机和服务器共同承认这个MIME类型，即使它是不标准的类型也没有关系，客户程序就能根据MIME类型，采用具体的处理手段来处理数据。而Web服务器和浏览器（包括操作系统）中，缺省都设置了标准的和常见的MIME类型，只有对于不常见的 MIME类型，才需要同时设置服务器和客户浏览器，以进行识别。
----------------------------------------------------------------
表单中enctype="multipart/form-data"的意思，是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；
只有使用了multipart/form-data，才能完整的传递文件数据，进行下面的操作.enctype="multipart/form-data"是上传二进制数据; form里面的input的值以2进制的方式传过去。
form里面的input的值以2进制的方式传过去，
所以request就得不到值了。也就是说加了这段代码,用request就会传递不成功,取表单值加入数据库时，用到下面的：

SmartUpload su = new SmartUpload();//新建一个SmartUpload对象

su.getRequest().getParameterValues();取数组值

su.getRequest().getParameter( );取单个参数单个值

转载：http://www.cnblogs.com/YOUCAN/archive/2012/12/02/2798227.html

Form表单中enctype属性的取值及作用
北冥同学的成长记录笔记
06-18 1832
在文件上传功能的实现中，表单中的enctype属性的取值让不少初学者一头雾水，此文分享了enctype属性的三个取值，有助于初学者深入了解文件上传功能和文件上传漏洞的相关知识。
Form表单标签的Enctype属性的作用及应用示例介绍
12-13
Enctype ：指定将数据回发到服务器时浏览器使用的编码类型。用于表单里有图片上传。 编码类型有以下三种： application/x-www-form-urlencoded： 在发送前编码所有字符（默认）。这是标准的编码格式。 multipart/...
js动态在form上插入enctype=multipart/form-data的问题
01-21
我们都知道要让form能提交文件，需要在form上指定enctype=multipart/form-data的attribute，这样才能上传文件，关于enctype的文章很多，就不再做解释。 问题是因为使用了MVC的Html.BeginForm()来输出表单代码，默认是没有加入enctype的， 代码如下: @using (Html.BeginForm()) { } 在PartialView中有一个<input type=”file” />用来上传文件，又不想为了这个PartialView去修改父页面的Html.BeginForm()，我的做法是在PartialView中用脚本来为for
为什么上传文件的表单里面要加一个属性ENCTYPE=MULTIPART/FORM-DATA？
weixin_30384217的博客
01-04 634
首先知道enctype这个属性管理的是表单的MIME编码。共有三个值可选：1、application/x-www-form-urlencoded2、multipart/form-data3、text/plain其中application/x-www-form-urlencoded是默认值，作用是设置表单传输的编码。例如我们在AJAX中见过xmlHttp.setRequestHeader("Cont...
multipart form-data boundary 说明
weixin_30547797的博客
09-12 1446
含义 ENCTYPE="multipart/form-data" 说明： 通过 http 协议上传文件 rfc1867协议概述，jsp 应用举例，客户端发送内容构造1、概述在最初的 http 协议中，没有上传文件方面的功能。 rfc1867 (http://www.ietf.org/rfc/rfc1867.txt) 为 http 协议添加了这个功能。客户端的浏览器，如 Microsoft IE,...
enctype=“multipart/form-data”
yywCode的博客
08-27 1088
enctype这个属性管理的是表单的MIME（Multipurpose Internet Mail Extensions）编码,共有三个值可选： 1、application/x-www-form-urlencoded —默认值,作用是设置表单传输的编码,不能用于上传文件 eg: AJAX中xmlHttp.setRequestHeader(“Content-Type”,“application/x-www-form- urlencoded”),不写会报错的form表单里是可以不写enctype=app
enctype: 'multipart/form-data',
04-03 303
enctype就是encodetype就是编码类型的意思。 multipart/form-data是指表单数据有多部分构成，既有文本数据，又有文件等二进制数据的意思。 需要注意的是：默认情况下，enctype的值是application/x-www-form-urlencoded，不能用于文件上传，只有使用了multipart/form-data，才能完整的传递文件数据。 applica...
JavaScript获取表单enctype属性的方法
12-09
本文实例讲述了JavaScript获取表单enctype属性的方法。分享给大家供大家参考。具体如下： <!DOCTYPE html> <html> <body> <form id="frm1" enctype="text/plain"> First name: <input type...
form标签 enctype=“multipart/form-data”文件上传格式选择
weixin_38610651的博客
08-15 1703
enctype=“multipart/form-data”详解 enctype这个属性管理的是表单的MIME（Multipurpose Internet Mail Extensions）编码,共有三个值可选： 1、application/x-www-form-urlencoded ---默认值,作用是设置表单传输的编码,不能用于上传文件 eg: AJAX中xmlHttp.setReque...
enctype=“multipart/form-data“表单传值问题
一只仰望天空的菜鸟
12-11 3万+
问题:form表单的enctype设置为multipart/form-data后，表单中除了文件后台能拿到，其他值后台都拿不到。
上传文件fileupload+解决enctype= multipart/form-data无法传递其他参数
09-24
解决上传文件enctype= multipart/form-data 时无法传递其他参数的问题，以及项目全局编码问题。用的插件是commons io + commons fileupload
form表单enctype="multipart/form-data"
星星之火
07-06 1513
form表单设置enctype="multipart/form-data"之后，上传文件，获取文件名、路径等都没有问题。 如果需要获取form中普通控件，比如type=“text”的值，使用request.getparameter（“xxx”）是无法成功的。 因为enctype将信息以二进制输入。 如何解决这个问题，网上很多，基本就一个意思， SmartUpload su = new Sm
form表单中的enctype=“multipart/form-data“什么意思?
热门推荐
铁马冰河入梦来
10-12 5万+
enctype就是encodetype就是编码类型的意思。 multipart/form-data是指表单数据有多部分构成，既有文本数据，又有文件等二进制数据的意思。 需要注意的是：默认情况下，enctype的值是application/x-www-form-urlencoded，不能用于文件上传，只有使用了multipart/form-data，才能完整的传递文件数据。 applicati...
form表单中的enctype="multipart/form-data"
№快乐因你♂
04-16 613
表单中enctype="multipart/form-data"的意思，是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；只有使用了multipart/form-data，才能完整的传递文件数据，进行下面的操作. form设置了enctype="multipart/form-data" 属性后，就是2进制传输数
ENCTYPE="multipart/form-data"，
wangqiaowqo的专栏
05-18 172
ENCTYPE="multipart/form-data"，这句话的意思是把你表单的所有信息以流方式提交，页面上的所有信息已经都转换为了文件流，为的是能让服务端得到你上传的文件的文件流。当然，你填写的一些文本信息也变成了流，用request.getParameter()方法当然得不到值了 用request.getInputStream()来接收流数据吧...
form 中Enctype=multipart/form-data 的作用
whoathree的梦
11-30 141
ENCTYPE="multipart/form-data "用于表单里有图片上传。 &lt;form name="userInfo" method="post" action="first_submit.jsp"    ENCTYPE="multipart/form-data "&gt; 表单标签中设置enctype=&quot
enctype=“multipart/form-data”是什么意思，有什么作用；
tianxianghuiwei的博客
06-12 866
是一个表单属性，用于指定在表单数据传输时使用的编码类型。在使用文件上传等需要传输文件的情况下，需要使用这个属性。它告诉服务器如何解析请求，以便正确处理传输的数据。是一个表单属性，用于指定在表单数据传输时使用的编码类型。在使用文件上传等需要传输文件的情况下，需要使用这个属性。它告诉服务器如何解析请求，以便正确处理传输的数据。告诉服务器使用多部分表单数据编码来处理文件上传。告诉服务器使用多部分表单数据编码来处理文件上传。
multipart/form-data 文件上传表单中 传递参数无法获取的原因!
weixin_30647065的博客
07-26 1635
1.什么是multipart/form-data 首先我们需要明白在html中的enctype属性， enctype：规定了form表单在发送到服务器时候编码方式。他有如下的三个值。 ①application/x-www-form-urlencoded。默认的编码方式。 但是在用文本的传输和MP3等大型文件的时候，使用这种编码就显得 效率低下。 ②multipart/form-data 。 指定...
form表单enctype啥作用
最新发布
04-03
<think>好的，我现在需要解释一下HTML表单中的`enctype`属性有什么作用。首先，我要确认用户对表单的基本理解，可能他们已经知道表单用于提交数据，但需要了解不同编码类型的区别。 用户的问题是关于`enctype`的作用，我需要先明确这个属性的定义和用途。`enctype`属性指定了表单数据在发送到服务器之前应该如何编码。接下来，我需要列举并解释不同的enctype类型，包括`application/x-www-form-urlencoded`、`multipart/form-data`和`text/plain`。要说明每种类型适用的场景，比如什么时候用默认编码，什么时候需要上传文件用multipart，以及text/plain的使用情况。 同时，可能需要比较不同enctype之间的区别，比如数据格式的不同，服务器端处理的差异。还需要给出具体的例子，比如上传文件时必须使用multipart/form-data，否则文件内容无法正确传输。还要提到常见的错误，例如忘记设置enctype导致文件上传失败，或者服务器端没有正确解析数据。 另外，可能需要提到HTML5中的相关规范，以及现代浏览器对这些enctype类型的支持情况。最后，总结一下各种类型的适用场景，帮助用户根据实际需求选择合适的enctype值。整个过程需要保持逻辑清晰，用简单易懂的语言解释，避免技术术语过多，同时确保信息准确无误。</think>以下是关于HTML表单中 **enctype** 属性的详细说明： --- ### 一、基本概念 **enctype**（Encoding Type）是HTML表单（`<form>`）的属性，用于定义**表单数据提交时的编码格式**。 👉 **核心作用**：告诉浏览器如何将表单数据打包发送给服务器。 --- ### 二、三种主要类型及使用场景 #### 1. `application/x-www-form-urlencoded`（默认值） - **编码方式** 数据会被编码为键值对，格式类似URL参数： `key1=value1&key2=value2`，特殊字符会转义（如空格变`%20`） - **典型场景** 普通文本数据提交（无文件上传），例如： ```html <form action="/submit" method="post"> <input type="text" name="username"> <input type="password" name="pwd"> </form> ``` #### 2. `multipart/form-data`（关键类型） - **编码方式** 数据按多部分（multipart）形式编码，每个字段作为独立区块传输，用分界符分隔。 - **典型场景** 必须用于**文件上传**，例如： ```html <form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="myFile"> </form> ``` 📌 **技术细节**： 请求头会包含类似内容： ``` Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryABC123 ``` #### 3. `text/plain`（极少使用） - **编码方式** 数据以纯文本形式发送，不进行编码转换（仅空格变`+`） 格式： `key1=value1` `key2=value2` - **使用限制** 不符合HTTP标准规范，部分服务器可能无法解析，一般不建议使用。 --- ### 三、对比表格 | 类型 | 数据格式 | 是否支持文件上传 | 服务器解析方式 | |-------------------------------|----------------------------|----------------|--------------------------| | `application/x-www-form-urlencoded` | URL编码键值对 | ❌ | 直接读取`request.POST` | | `multipart/form-data` | 多部分二进制流 | ✔️ | 需用`request.FILES`处理 | | `text/plain` | 简单键值对文本 | ❌ | 需手动解析 | --- ### 四、常见错误示例 **错误场景**：上传文件未设置`enctype="multipart/form-data"` ```html <!-- 错误写法 --> <form action="/upload" method="post"> <input type="file" name="file"> </form> <!-- 正确写法 --> <form action="/upload" method="post" enctype="multipart/form-data"> <input type="file" name="file"> </form> ``` **结果**：服务器只能接收到文件名，无法获取文件内容。 --- ### 五、服务器端处理差异（以Python Django为例） ```python # 处理普通表单数据 def form_submit(request): username = request.POST.get('username') # 处理文件上传 def file_upload(request): uploaded_file = request.FILES.get('myFile') ``` --- ### 六、总结选择策略 1. **普通文本提交** → 保持默认（无需显式声明`enctype`） 2. **包含文件上传** → 必须用`enctype="multipart/form-data"` 3. **特殊文本需求** → 理论上可用`text/plain`（实际开发中几乎不用）
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值