PHP 實作頁面無刷新上傳文件-php教程-PHP中文網

首頁

後端開發

php教程

PHP 實作頁面無刷新上傳文件

Nov 12, 2016 pm 03:05 PM

php

前台html頁：

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;无刷新上传文件&lt;/title&gt;
&lt;meta Content-type=&quot;text/html&quot; charset=&quot;utf-8&quot; /&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
function startUpload() {
document.getElementById(&#39;processing&#39;).innerHTML = &#39;loding...&#39;;
return true;
}
function stopUpload(rel){
var msg = &quot;&quot;;
switch (rel) {
case 0:
msg = &quot;上传成功&quot;;
break;
case 1:
msg = &quot;上传的文件超过限制&quot;;
break;
case 2:
msg = &quot;只能上传图片文件&quot;;
break;
default:
msg = &quot;上传文件失败&quot;;
}
document.getElementById(&#39;processing&#39;).innerHTML = msg;
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div style=&quot;text-align:center&quot;&gt;
&lt;div id=&quot;processing&quot;&gt;&lt;/div&gt;
&lt;form action=&quot;upload.php&quot; method=&quot;post&quot; enctype=&quot;multipart/form-data&quot; 
target=&quot;form-target&quot; onsubmit=&quot;startUpload();&quot;&gt;
&lt;input type=&quot;hidden&quot; name=&quot;MAX_FILE_SIZE&quot; value=&quot;1000000&quot; /&gt;
&lt;input type=&quot;file&quot; name=&quot;myfile&quot; /&gt;
&lt;input type=&quot;submit&quot; name=&quot;sub&quot; value=&quot;上传&quot; /&gt;
&lt;/form&gt;
&lt;iframe style=&quot;width:0; height:0; border:0;&quot; name=&quot;form-target&quot;&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

登入後複製

後台php程式碼:upload.php:

&lt;?php
sleep(2);
$fileTypes = array(&#39;jpg&#39;,&#39;png&#39;,&#39;gif&#39;,&#39;bmp&#39;);
$result = null;
$uploadDir = &#39;./upload&#39;;
$maxSize = 1 * pow(2,20);
if ($_SERVER[&#39;REQUEST_METHOD&#39;] == &#39;POST&#39; &amp;&amp; isset($_POST[&#39;sub&#39;])) {
$myfile = $_FILES[&#39;myfile&#39;];
$myfileType = substr($myfile[&#39;name&#39;], strrpos($myfile[&#39;name&#39;], &quot;.&quot;) + 1);
if ($myfile[&#39;size&#39;] &gt; $maxSize) {
$result = 1;
} else if (!in_array($myfileType, $fileTypes)) {
$result = 2;
} elseif (is_uploaded_file($myfile[&#39;tmp_name&#39;])) {
$toFile = $uploadDir . &#39;/&#39; . $myfile[&#39;name&#39;];
if (@move_uploaded_file($myfile[&#39;tmp_name&#39;], $toFile)) {
$result = 0;
} else {
$result = -1;
}
} else {
$result = 1;
}
}
?&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
window.top.window.stopUpload(&lt;?php echo $result; ?&gt;);
&lt;/script&gt;

登入後複製

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn