當前位置:首頁 » 文件傳輸 » html選擇上傳文件代碼
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

html選擇上傳文件代碼

發布時間: 2023-07-30 13:16:07

Ⅰ html網頁上傳文件的完整代碼

html前端代碼:

<html>
<body>
<formaction="upload-file.php"method="post"
enctype="multipart/form-data">
<labelfor="file">文件名:</label>
<inputtype="file"name="file"id="file"/>
<br/>
<inputtype="submit"name="submit"value="提交"/>
</form>
</body>
</html>

如果是ubuntu上部署apache2,你應該是php開發者吧,action="upload-file.php
" 中的upload-file.php改為你自己的後端php接收文件的邏輯代碼即可!

這里提供upload-file.php後端接收文件的代碼:

<?php
if($_FILES["file"]["error"]>0)
{
echo"錯誤:".$_FILES["file"]["error"]."<br/>";
}
else
{
echo"文件名:".$_FILES["file"]["name"]."<br/>";
echo"類型:".$_FILES["file"]["type"]."<br/>";
echo"大小:".($_FILES["file"]["size"]/1024)."Kb<br/>";
}
if(file_exists("upload/".$_FILES["file"]["name"]))
{
echo$_FILES["file"]["name"]."文件已經存在.";
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],
"upload/".$_FILES["file"]["name"]);
echo"文件已經被存儲到:"."upload/".$_FILES["file"]["name"];
}
?>

代碼很簡單,我相信你應該能看懂,這里的 文件夾 upload/ 需要你自己手動創建,請確保文件路徑正取!


我也是web開發者,有問題可繼續追問我!或是加我工作室QQ(540144097),在群里向我提問!有問必答,望採納......

Ⅱ 在html頁面裡面製作一個上傳圖片的區域,就是點那個區域,就能上傳照片,這個html代碼應該怎麼寫

你好,html上傳文件的代碼如下:

<inputtype="file"name="fileUpload"/>
<inputtype="submit"value="上傳文件"/>

至於你要說的有個區域顯示圖片的,這個需要配合前端開發才可以,單純的html代碼是做不到的,謝謝。

Ⅲ 怎麼通過HTML+PHP上傳文件到伺服器

HTML代碼:


<body>

<form action="" method="post" enctype="multipart/form-data" name="upload_form">

<label>選擇圖片文件</label>

<input name="imgfile" type="file" accept="image/gif, image/jpeg"/>

<input name="upload" type="submit" value="上傳" />

</form>

</body>


PHP代碼:


if (isset($_FILES['imgfile'])

&& is_uploaded_file($_FILES['imgfile']['tmp_name']))

{

$imgFile = $_FILES['imgfile'];

$upErr = $imgFile['error'];

if ($upErr == 0)

{

$imgType = $imgFile['type']; //文件類型。

/* 判斷文件類型,這個例子里僅支持jpg和gif類型的圖片文件。*/

if ($imgType == 'image/jpeg'

|| $imgType == 'image/gif')

{

$imgFileName = $imgFile['name'];

$imgSize = $imgFile['size'];

$imgTmpFile = $imgFile['tmp_name'];

/*

將文件從臨時文件夾移到上傳文件夾中。

注意:upfile這個文件夾必須先創建好,不然會報錯。

*/

move_uploaded_file($imgTmpFile, 'upfile/'.$imgFileName);

/*顯示上傳後的文件的信息。*/

$strPrompt = sprintf("文件%s上傳成功<br>"

. "文件大小: %s位元組<br>"

. "<img src='upfile/%s'>"

, $imgFileName, $imgSize, $imgFileName

);

echo $strPrompt;

}

else

{

echo "請選擇jpg或gif文件,不支持其它類型的文件。";

}

}

else

{

echo "文件上傳失敗。<br>";

switch ($upErr)

{

case 1:

echo "超過了php.ini中設置的上傳文件大小。";

break;

case 2:

echo "超過了MAX_FILE_SIZE選項指定的文件大小。";

break;

case 3:

echo "文件只有部分被上傳。";

break;

case 4:

echo "文件未被上傳。";

break;

case 5:

echo "上傳文件大小為0";

break;

}

}

}

else

{

}


Ⅳ 求html多文件上傳代碼 可參考以下代碼

從技術角度看,你只需要在input控制項中標注multiple標簽就夠了

以下就是演示代碼:

<!DOCTYPE html>
<html>
<head>
<title>
Solution 4-5: Sending multiple files
</title>
</head>
<body>
<form id="myForm">
<fieldset>
<legend>Solution 4-5: Sending multiple files</legend>
<label>Upload one or more files:</label>
<input type="file" name="multipleFileUpload" multiple />
</fieldset>
</form>
</body>
</html>


重要心得

用戶選擇的多個文件傳遞到服務端後將會被服務端的編程語言去處理的。有些編程語言,比如PHP需要你為name標簽的字元添加方括弧來支持傳輸多個文件。

1<inputname="filesUploaded[]"type="file"multiple/>


這樣,PHP將構造一個數據類型的數組,來容納一個個上傳到伺服器的文件。相反如果你在HTML標簽中不適用方括弧的話,PHP將僅僅只接受到最後一個文件。

Ⅳ html中怎麼上傳文件代碼

在HTML標准中,XMLHttpRequest對象被重新定義,被稱為「XMLHttpRequest Level 2」,其中包含了以下5個新特性:

1、支持上傳、下載位元組流,比如文件、blob以及表單數據。

2、增加了上傳、下載中的進度事件。

3、跨域請求的支持。

4、允許發送匿名請求(即不發送HTTP的Referer部分)。

5、允許設置請求的超時。

    在這篇教程中,我們主要關注第一和第二項特性,尤其是第二項——它能夠提供我們想要的上傳進度。和之前的方案不同,這個方案並不要求伺服器作出特殊的設置,因此大家邊看教程就可以邊動手試試了。

    上面圖示的就是我們能夠實現的內容:

    1、顯示上傳的文件信息,比如文件名、類型、尺寸。

    2、一個能夠顯示真實進度的進度條。

    3、上傳的速度。

    4、剩餘時間的估算。

    5、已上傳的數據量。

    6、上傳結束後伺服器返回的響應。

    另外,憑借XMLHttpRequest,我們的上傳過程整個都是非同步的,因此用戶在上傳文件的時候,依然可以操作網頁當中的其它元素,並不需要專門等待上傳的完成。而在上傳結束後,我們能夠獲取伺服器發回的響應,因此整個上傳過程都顯得相當順理成章。