communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison développement back-end tutoriel php 使用PHP和HTML5 FormData实现无刷新文件上传教程

使用PHP和HTML5 FormData实现无刷新文件上传教程

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Jul 30, 2016 pm 01:32 PM
append formdata nbsp quot

这篇文章主要介绍了使用PHP和HTML5 FormData实现无刷新文件上传教程,本文先是分解了程序的编写步骤,最后给出一个完整示例,需要的朋友可以参考下

无刷新文件上传是一个常见而又有点复杂的问题，常见的解决方案是构造 iframe 方式实现。

在 HTML5 中提供了一个 FormData 对象 API，通过 FormData 可以方便地构造一个表单请求，并通过 XMLHttpRequest 来发送。通过 FormData 对象发送文件也是可以的，如此则无刷新上传就变的非常简单了。

那么 FormData 怎么使用呢？下面脚本之家对此进行简单的介绍。

1. 构造 FormData 对象

想得到一个FormData对象，很简单：

?

1

var fd = new FormData();</codebitstream></p></tdbitstream></tdbitstream></tr></tbody></table> <p>FormData 对象只提供了一个方法 append ，用于向对象中添加表单请求参数。<br>在当前主流浏览器中，可通过如下两种方式获取或修改FormData。<br>方法一：创建一个空的FormData对象，然后再用append方法逐个添加键值对。示例：<br></p> <p></p> <p></p> <p><divbitstream vera sans mono new min-height:inherit z-index:10 color:white background:rgb><span>?</span></divbitstream></p> <table border="0" cellpadding="0" cellspacing="0" bitstream vera sans mono new min-height:inherit background:none><tbody><tr><tdbitstream vera sans mono new min-height:inherit color:rgb background:none><p>1</p> <p>2</p> <p>3</p> <p>4</p> <tdbitstream vera sans mono new min-height:inherit background:none><p></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>var<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>fd = <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>new<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>FormData();</codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>fd.append(<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>"name"<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>, <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>"脚本之家"<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>);</codebitstream></codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>fd.append(<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>"blog"<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>, <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>"http://jb51.net"<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>);</codebitstream></codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>fd.append(<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>"file"<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>, document.getElementById(<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>"file"<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>));</codebitstream></codebitstream></codebitstream></codebitstream></codebitstream></p></tdbitstream></tdbitstream></tr></tbody></table> <p>这种方法可以不需要 HTML 的表单对象存在。<br>方法二：取得form元素对象，将它作为参数传入FormData对象中。示例：<br></p> <p></p> <p></p> <p><divbitstream vera sans mono new min-height:inherit z-index:10 color:white background:rgb><span>?</span></divbitstream></p> <table border="0" cellpadding="0" cellspacing="0" bitstream vera sans mono new min-height:inherit background:none><tbody><tr><tdbitstream vera sans mono new min-height:inherit color:rgb background:none><p>1</p> <p>2</p> <tdbitstream vera sans mono new min-height:inherit background:none><p></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>var<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>formobj = document.getElementById(<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>"form"<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>);</codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>var<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>fd = <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>new<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>FormData(formobj);</codebitstream></codebitstream></codebitstream></codebitstream></p></tdbitstream></tdbitstream></tr></tbody></table> <p>当然，这里还可以使用 append 方法继续向 fd 中添加其他参数。</p> <p>2. FormData 发送请求</p> <p>得到 FormData 对象了，如何发送请求呢？ FormData 对象主要用于增强型的 XMLHttpRequest 对象的 send 方法中。参考如下示例：<br></p> <p></p> <p></p> <p><divbitstream vera sans mono new min-height:inherit z-index:10 color:white background:rgb><span>?</span></divbitstream></p> <table border="0" cellpadding="0" cellspacing="0" bitstream vera sans mono new min-height:inherit background:none><tbody><tr><tdbitstream vera sans mono new min-height:inherit color:rgb background:none><p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <tdbitstream vera sans mono new min-height:inherit background:none><p></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>var<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>xhr = <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>new<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>XMLHttpRequest();    </codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>xhr.open(<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>"POST"<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>,<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>"http://jb51.net"<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>, <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>true<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>);</codebitstream></codebitstream></codebitstream></codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>xhr.send(fd);</codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>xhr.onload = <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>function<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>(e) {</codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>if<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>(<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>this<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>.status == 200) {</codebitstream></codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>    <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>alert(<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>this<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>.responseText);</codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>}</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>};</codebitstream></p></tdbitstream></tdbitstream></tr></tbody></table> <p>3. jquery 中使用 FormData</p> <p>在 jQuery 的 ajax 方法中，也可使用 FormData 方式实现无刷新上传。但要注意参数的设置，参考如下：<br></p> <p></p> <p></p> <p><divbitstream vera sans mono new min-height:inherit z-index:10 color:white background:rgb><span>?</span></divbitstream></p> <table border="0" cellpadding="0" cellspacing="0" bitstream vera sans mono new min-height:inherit background:none><tbody><tr><tdbitstream vera sans mono new min-height:inherit color:rgb background:none><p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> <p>10</p> <p>11</p> <p>12</p> <p>13</p> <p>14</p> <p>15</p> <p>16</p> <p>17</p> <p>18</p> <tdbitstream vera sans mono new min-height:inherit background:none><p></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>$.ajax({</codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>url: <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>"http://jb51.net"<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>,</codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>type: <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:blue background:none>'POST'<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>,</codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>data: fd,</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:rgb background:none>/**</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>   <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:rgb background:none>*必须false才会自动加上正确的Content-Type</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>   <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:rgb background:none>*/</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>contentType:<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>false<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>,</codebitstream></codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:rgb background:none>/**</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>   <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:rgb background:none>* 必须false才会避开jQuery对 formdata 的默认处理</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>   <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:rgb background:none>* XMLHttpRequest会对 formdata 进行正确的处理</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>   <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit color:rgb background:none>*/</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>processData:<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>false</codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>}).done(<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>function<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>(result){</codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>console.log(result);</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>}).fail(<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-weight:bold font-size:1em min-height:inherit color:rgb background:none>function<codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>(err){</codebitstream></codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>  <codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>console.log(err);</codebitstream></codebitstream></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none>});</codebitstream></p></tdbitstream></tdbitstream></tr></tbody></table> <p>4. 一个完整的示例（包含PHP处理示例）：<br></p> <p></p> <p></p> <p><divbitstream vera sans mono new min-height:inherit z-index:10 color:white background:rgb><span>?</span></divbitstream></p> <table border="0" cellpadding="0" cellspacing="0" bitstream vera sans mono new min-height:inherit background:none><tbody><tr><tdbitstream vera sans mono new min-height:inherit color:rgb background:none><p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> <p>10</p> <p>11</p> <p>12</p> <p>13</p> <p>14</p> <p>15</p> <p>16</p> <p>17</p> <p>18</p> <p>19</p> <p>20</p> <p>21</p> <p>22</p> <p>23</p> <p>24</p> <p>25</p> <p>26</p> <p>27</p> <p>28</p> <p>29</p> <p>30</p> <p>31</p> <p>32</p> <p>33</p> <p>34</p> <p>35</p> <p>36</p> <p>37</p> <p>38</p> <p>39</p> <p>40</p> <p>41</p> <p>42</p> <p>43</p> <p>44</p> <p>45</p> <p>46</p> <p>47</p> <p>48</p> <p>49</p> <p>50</p> <p>51</p> <p>52</p> <p>53</p> <p>54</p> <p>55</p> <p>56</p> <p>57</p> <p>58</p> <p>59</p> <p>60</p> <p>61</p> <p>62</p> <p>63</p> <p>64</p> <p>65</p> <tdbitstream vera sans mono new min-height:inherit background:none><p></p> <p><codebitstream vera sans mono new border:0px bottom:auto float:none height:auto left:auto line-height:1.1em margin:0px outline:0px overflow:visible padding:0px position:static right:auto top:auto vertical-align:baseline width:auto font-size:1em min-height:inherit background:none><?php

//php 接收表单提交信息并打印

if( isset( $_REQUEST['do'

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Afficher plus

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Assassin's Creed Shadows: Solution d'énigmes de coquille
3 Il y a quelques semaines By DDD
Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour
2 Il y a quelques semaines By DDD
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Afficher plus

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Afficher plus

Sujets chauds

Où se trouve l'entrée de connexion pour la messagerie Gmail ?
7554
15
Tutoriel CakePHP
1382
52
Quel est le format du nom de compte de Steam
83
11
Clé d&amp;amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent
59
19
NYT Connexions Indices et réponses
28
96
Afficher plus
Related knowledge
Solution : Votre organisation vous demande de modifier votre code PIN Solution : Votre organisation vous demande de modifier votre code PIN Oct 04, 2023 pm 05:45 PM

Le message « Votre organisation vous a demandé de modifier votre code PIN » apparaîtra sur l'écran de connexion. Cela se produit lorsque la limite d'expiration du code PIN est atteinte sur un ordinateur utilisant les paramètres de compte basés sur l'organisation, sur lesquels ils contrôlent les appareils personnels. Cependant, si vous configurez Windows à l'aide d'un compte personnel, le message d'erreur ne devrait idéalement pas apparaître. Même si ce n'est pas toujours le cas. La plupart des utilisateurs qui rencontrent des erreurs déclarent utiliser leur compte personnel. Pourquoi mon organisation me demande-t-elle de modifier mon code PIN sous Windows 11 ? Il est possible que votre compte soit associé à une organisation et votre approche principale devrait être de le vérifier. Contacter votre administrateur de domaine peut vous aider ! De plus, des paramètres de stratégie locale mal configurés ou des clés de registre incorrectes peuvent provoquer des erreurs. Tout de suite

Comment ajuster les paramètres de bordure de fenêtre sous Windows 11 : modifier la couleur et la taille Comment ajuster les paramètres de bordure de fenêtre sous Windows 11 : modifier la couleur et la taille Sep 22, 2023 am 11:37 AM

Windows 11 met au premier plan un design frais et élégant ; l'interface moderne vous permet de personnaliser et de modifier les moindres détails, tels que les bordures des fenêtres. Dans ce guide, nous discuterons des instructions étape par étape pour vous aider à créer un environnement qui reflète votre style dans le système d'exploitation Windows. Comment modifier les paramètres de bordure de fenêtre ? Appuyez sur + pour ouvrir l'application Paramètres. WindowsJe vais dans Personnalisation et clique sur Paramètres de couleur. Changement de couleur Paramètres des bordures de fenêtre Fenêtre 11" Largeur = "643" Hauteur = "500" > Recherchez l'option Afficher la couleur d'accent sur la barre de titre et les bordures de fenêtre et activez le commutateur à côté. Pour afficher les couleurs d'accent dans le menu Démarrer et la barre des tâches Pour afficher la couleur du thème dans le menu Démarrer et la barre des tâches, activez Afficher le thème dans le menu Démarrer et la barre des tâches.

Comment changer la couleur de la barre de titre sous Windows 11 ? Comment changer la couleur de la barre de titre sous Windows 11 ? Sep 14, 2023 pm 03:33 PM

Par défaut, la couleur de la barre de titre sous Windows 11 dépend du thème sombre/clair que vous choisissez. Cependant, vous pouvez le changer pour la couleur de votre choix. Dans ce guide, nous discuterons des instructions étape par étape sur trois façons de le modifier et de personnaliser votre expérience de bureau pour la rendre visuellement attrayante. Est-il possible de changer la couleur de la barre de titre des fenêtres actives et inactives ? Oui, vous pouvez modifier la couleur de la barre de titre des fenêtres actives à l'aide de l'application Paramètres, ou vous pouvez modifier la couleur de la barre de titre des fenêtres inactives à l'aide de l'Éditeur du Registre. Pour connaître ces étapes, passez à la section suivante. Comment changer la couleur de la barre de titre sous Windows 11 ? 1. Appuyez sur + pour ouvrir la fenêtre des paramètres à l'aide de l'application Paramètres. WindowsJe vais dans "Personnalisation" puis

Problèmes d'erreur OOBELANGUAGE dans la réparation de Windows 11/10 Problèmes d'erreur OOBELANGUAGE dans la réparation de Windows 11/10 Jul 16, 2023 pm 03:29 PM

Voyez-vous « Un problème est survenu » avec l'instruction « OOBELANGUAGE » sur la page Windows Installer ? L'installation de Windows s'arrête parfois à cause de telles erreurs. OOBE signifie expérience hors des sentiers battus. Comme l'indique le message d'erreur, il s'agit d'un problème lié à la sélection de la langue OOBE. Il n'y a rien à craindre, vous pouvez résoudre ce problème avec une astucieuse modification du registre à partir de l'écran OOBE lui-même. Solution rapide – 1. Cliquez sur le bouton « Réessayer » en bas de l'application OOBE. Cela permettra de poursuivre le processus sans autre problème. 2. Utilisez le bouton d'alimentation pour forcer l'arrêt du système. Après le redémarrage du système, OOBE devrait continuer. 3. Déconnectez le système d'Internet. Terminez tous les aspects d'OOBE en mode hors ligne

Comment activer ou désactiver les aperçus miniatures de la barre des tâches sur Windows 11 Comment activer ou désactiver les aperçus miniatures de la barre des tâches sur Windows 11 Sep 15, 2023 pm 03:57 PM

Les miniatures de la barre des tâches peuvent être amusantes, mais elles peuvent aussi être distrayantes ou ennuyeuses. Compte tenu de la fréquence à laquelle vous survolez cette zone, vous avez peut-être fermé plusieurs fois des fenêtres importantes par inadvertance. Un autre inconvénient est qu'il utilise plus de ressources système, donc si vous cherchez un moyen d'être plus efficace en termes de ressources, nous allons vous montrer comment le désactiver. Cependant, si vos spécifications matérielles peuvent le gérer et que vous aimez l'aperçu, vous pouvez l'activer. Comment activer l’aperçu miniature de la barre des tâches dans Windows 11 ? 1. Utilisez l'application Paramètres pour appuyer sur la touche et cliquez sur Paramètres. Windows, cliquez sur Système et sélectionnez À propos. Cliquez sur Paramètres système avancés. Accédez à l'onglet Avancé et sélectionnez Paramètres sous Performances. Sélectionnez "Effets visuels"

Afficher le guide de mise à l'échelle sur Windows 11 Afficher le guide de mise à l'échelle sur Windows 11 Sep 19, 2023 pm 06:45 PM

Nous avons tous des préférences différentes en matière de mise à l'échelle de l'affichage sur Windows 11. Certaines personnes aiment les grandes icônes, d’autres les petites. Cependant, nous sommes tous d’accord sur le fait qu’il est important d’avoir la bonne échelle. Une mauvaise mise à l'échelle des polices ou une mise à l'échelle excessive des images peuvent nuire à la productivité lorsque vous travaillez. Vous devez donc savoir comment la personnaliser pour tirer le meilleur parti des capacités de votre système. Avantages du zoom personnalisé : Il s'agit d'une fonctionnalité utile pour les personnes qui ont des difficultés à lire du texte à l'écran. Cela vous aide à voir plus sur l’écran à la fois. Vous pouvez créer des profils d'extension personnalisés qui s'appliquent uniquement à certains moniteurs et applications. Peut aider à améliorer les performances du matériel bas de gamme. Cela vous donne plus de contrôle sur ce qui est sur votre écran. Comment utiliser Windows 11

10 façons de régler la luminosité sous Windows 11 10 façons de régler la luminosité sous Windows 11 Dec 18, 2023 pm 02:21 PM

La luminosité de l’écran fait partie intégrante de l’utilisation des appareils informatiques modernes, en particulier lorsque vous regardez l’écran pendant de longues périodes. Il vous aide à réduire la fatigue oculaire, à améliorer la lisibilité et à visualiser le contenu facilement et efficacement. Cependant, en fonction de vos paramètres, il peut parfois être difficile de gérer la luminosité, notamment sous Windows 11 avec les nouvelles modifications de l'interface utilisateur. Si vous rencontrez des difficultés pour régler la luminosité, voici toutes les manières de gérer la luminosité sous Windows 11. Comment modifier la luminosité sous Windows 11 [10 méthodes expliquées] Les utilisateurs d'un seul moniteur peuvent utiliser les méthodes suivantes pour régler la luminosité sous Windows 11. Cela inclut les systèmes de bureau utilisant un seul moniteur ainsi que les ordinateurs portables. Commençons. Méthode 1 : Utiliser le Centre d'action Le Centre d'action est accessible

Comment réparer le code d'erreur d'activation 0xc004f069 dans Windows Server Comment réparer le code d'erreur d'activation 0xc004f069 dans Windows Server Jul 22, 2023 am 09:49 AM

Le processus d'activation sous Windows prend parfois une tournure soudaine pour afficher un message d'erreur contenant ce code d'erreur 0xc004f069. Bien que le processus d'activation soit en ligne, certains anciens systèmes exécutant Windows Server peuvent rencontrer ce problème. Effectuez ces vérifications initiales et si elles ne vous aident pas à activer votre système, passez à la solution principale pour résoudre le problème. Solution de contournement : fermez le message d'erreur et la fenêtre d'activation. Ensuite, redémarrez votre ordinateur. Réessayez le processus d'activation de Windows à partir de zéro. Correctif 1 – Activer depuis le terminal Activez le système Windows Server Edition à partir du terminal cmd. Étape – 1 Vérifiez la version de Windows Server Vous devez vérifier quel type de W vous utilisez

See all articles