當前位置:首頁 » 文件管理 » html圖片上傳

html圖片上傳

發布時間: 2022-01-13 22:35:42

❶ html怎麼上傳本機圖片

如果只是做上傳頁面 只需要把HTML和圖片放在同一個文件夾裡面就可以了,
如果是要做上傳功能,則需要建立一個伺服器。

❷ HTML 網頁中怎麼上傳圖片到某個文件夾

上傳至某個文件夾,預覽是在前端完成的
此時還沒有進行上傳操作,上傳是需要後台提供介面的
可以通過form表單上傳,後台通過phpjava,asp等
接收form提交的文件存儲到文件中返迴文件的網址鏈接

❸ 怎麼上傳Html文件中的圖片

只需五步:
1、先去阿里或者萬網等買個空間,最好買個域名。
2、從空間商哪兒拿到FTP地址,解析域名到空間。
3、將你要展現的東西,上傳到FTP上。
4、通過域名就可以訪問html網頁了,就相當於擁有一個網站。

❹ 如何把HTML上的圖片上傳到網站上

首先你要確認下你圖片文件的地址是那裡有些圖片是在遠端伺服器上面的你地址不對當然顯示不出來了!

❺ html圖片怎麼上傳

和網頁傳送方式一樣 比如你的html文件放在桌面,你的圖片新建文件夾img 之後做完之後看一下路徑是否正確,有的是需要你修改路徑的,桌面添加默認為fttp:c\....等路徑 把前面的刪除 只留有文件夾以及文件名

❻ html和css還有圖片怎麼上傳到伺服器裡面

所有文件都是上傳到web目錄里的,它是網站的根目錄。log目錄和data目錄是系統的保留目錄,網站是不能直接鏈接到這兩個目錄的,它們也是不佔用你的網站空間的。log目錄用來存放運行日誌(伺服器自動生成),data目錄則通常用來存放文件型資料庫(如ACCESS),調用的時候要用物理路徑而不是超鏈接,這樣做的好處是使資料庫不佔用網站空間,如果你用的不是ACCESS資料庫(比如MsSQL資料庫),那麼這個data目錄可以忽略。
補充說明一下:FTP的根目錄與網站的根目錄通常是不同的(但也有伺服器是設為同一目錄的),比如你的伺服器,用FTP進入是可以看到圖中的三個文件夾,但當你在瀏覽器中用域名訪問你的網站時,它是直接打開web文件夾中的內容的,也就是說web文件夾才是你網站的根目錄!

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

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

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

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

❽ html 表單上傳圖片

  1. 使用表單中的文件域(<input type="file".../>)控制項可以上傳文件。

  2. 打開DreamWeaver,這里使用的版本是CS6,新建一個php文件。

  3. 保存到網站目錄下,命名為upload.php。

  4. 在代碼中插入一個表單

  5. 對話框中,操作留空,方法選擇「post」,編碼類型輸入「multipart/form-data」,名稱命名為「upload_form」,其中編碼類型必須為「multipart/form-data」。點擊確定,產生的代碼如下:

    <body>

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

    </body>

  6. 接下來在form中插入一個標簽控制項、一個文件域控制項和一個上傳按鈕。

    結果如下:

    <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>

  7. 不同的瀏覽器,對於文件域控制項的顯示不同,IE9瀏覽器和FireFox中的預覽效果都要看一下

  8. 代碼中,重要的是名為imgfile的文件域控制項,type屬性為「file」,表示這是一個文件域控制項。

    accept屬性表示點擊「瀏覽...」按鈕時,彈出的打開對話框中的文件類型。accept="image/gif, image/jpeg"表示我們只想在文件打開對話框中顯示後綴名為「gif」和「jpg」、「jpeg」的文件。對於此屬性,有些瀏覽器並不支持。比如在IE9中,此屬性不起任何作用。在chrome中,此屬性起作用。

  9. 如果想支持所有的圖像文件,accept值可以設置為「image/*」,在chrome中,文件類型顯示

  10. 好了,html代碼就寫完了,因為action="",表示點擊上傳按鈕時,將表單提交給自身,因此,我們還要添加接收表單的處理代碼。

    代碼如下:

    <?php

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

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

    {

    $imgFile = $_FILES['imgfile'];

    $imgFileName = $imgFile['name'];

    $imgType = $imgFile['type'];

    $imgSize = $imgFile['size'];

    $imgTmpFile = $imgFile['tmp_name'];

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

    $validType = false;

    $upRes = $imgFile['error'];

    if ($upRes == 0)

    {

    if ($imgType == 'image/jpeg'

    || $imgType == 'image/png'

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

    {

    $validType = true;

    }

    if ($validType)

    {

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

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

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

    , $imgFileName, $imgSize, $imgFileName

    );

    echo $strPrompt;

    }

    }

    }

    ?>

  11. 代碼分析:

    $_FILES是一個數組變數,用於保存上傳後的文件信息。

    $_FILES['imgfile']表示文件域名稱為'imgfile'的控制項提交伺服器後,上傳的文件的信息。

    一個上傳的文件,有以下屬性信息:

    'name': 上傳的文件在客戶端的名稱。

    'type': 文件的 MIME 類型,例如"image/jpeg"。

    'size': 已上傳文件的大小,單位為位元組。

    'tmp_name':上傳時,在伺服器端,會把上傳的文件保存到一個臨時文件夾中,可以通過此屬性得到臨時文件名。

    'error':文件在上傳過程中的錯誤代碼。如果上傳成功,此值為0,其它值的意義如下:

    1:超過了php.ini中設置的上傳文件大小。

    2:超過了MAX_FILE_SIZE選項指定的文件大小。

    3:文件只有部分被上傳。

    4:文件未被上傳。

    5:上傳文件大小為0。

    代碼中首先判斷$_FILES['imgfile']變數是否存在,如果存在,並且$_FILES['imgfile']['tmp_name']變數所指文件被上傳了,判斷error屬性,如果屬性為0,把上傳後的圖像從臨時文件夾移到upfile文件夾中,顯示上傳文件的信息,並顯示上傳後的圖像。

    如果error值不為0,表示上傳失敗,顯示失敗信息。

  12. 完成的代碼如下:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.mobiletrain.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="www.mobiletrain.org">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>上傳圖片文件</title>

    </head>

    <?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'];

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

    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

    {

    /*顯示表單。*/

    ?>

    <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

    }

    ?>

    </html>

❾ 圖片怎麼編寫HTML代碼上傳到網上

我可能思想笨,沒完全理解你的意思,
你是要在網頁中插入圖片<img>
在一個是用圖片組建上傳。
在一個把圖片處理為二進制代碼,存進資料庫,然後通過程序把二進制翻譯過來,(建議不要這樣,)兩張圖片填滿你的資料庫,還有翻譯來翻譯去,效率很差。

❿ 如何通過html上傳照片

<html>
<head>
<title></title>
</head>
<body>
<imgsrc="images/logo.png"width="220"height="50"/>
</body>
</html>

熱點內容
緩存行原理 發布:2024-11-14 13:08:56 瀏覽:432
簡單的vb編程 發布:2024-11-14 13:06:45 瀏覽:523
綠色linux 發布:2024-11-14 12:56:11 瀏覽:350
游戲本緩存 發布:2024-11-14 12:55:28 瀏覽:650
微軟提供的編譯軟體 發布:2024-11-14 12:55:16 瀏覽:18
長沙java培訓機構哪家好 發布:2024-11-14 12:40:53 瀏覽:229
外存儲器硬碟能存儲的高清電影數 發布:2024-11-14 12:33:23 瀏覽:266
python分號作用 發布:2024-11-14 12:31:50 瀏覽:224
方舟編譯器下載要錢嗎 發布:2024-11-14 12:29:20 瀏覽:63
jspoa源碼 發布:2024-11-14 12:21:31 瀏覽:421