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

❶ 求一個html上傳圖片php接收代碼

html表單部分要這樣：

<form method="post" action="proAddFile.php" enctype="multipart/form-data" >
<input type="hidden" name="MAX_FILE_SIZE" value="6000000">
<input name="form_data" type="file">

php部分：
if(is_uploaded_file($_FILES['form_data']['tmp_name']))
{
$file=$_FILES['form_data'];
$name=$file['name'];
echo $type=$file['type'];
$size=$file['size'];
$tmpfile=$file['tmp_name']; //臨時存放文件
$error=$file['error'];
if($erro) die("上傳出現錯誤");
if($size>60000) die("太大");

switch($type){ // 得到上傳文件後綴
case 'image/pjpeg' : $extension='.jpg'; //jpeg
break;
。。。。
default:
echo "出現錯誤";
}
$filename="wt209_" . date("Ymdhis") . $extension;
$myfile="your directory" . $filename;
if(move_uploaded_file($tmpfile,$myfile);) echo "上傳成功";
}
?>
may help for you ,great regard from kwl.

❷ 怎麼在網頁中插入圖片html圖片代碼

在網頁中插入圖片html圖片代碼方法：

步驟：

一、html圖片標簽語法

<imgsrc="divcss-logo-201305.gif"width="165"height="60"/>

❸ html表單怎麼上傳圖片

html表單這樣上傳圖片：

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

<head>

</head>

❹ html表單如何添加背景圖片

在Dreamweaver CS6中新建一個html空白文檔，將頁面內容放入<body></body>中。選中背景圖即可插入。

詳細步驟：

工具/材料：

1、新建文件夾並將其命名為「表格」。

網路-HTML表單

❺ html表單的幾種提交方式總結

最普通最常用最一般的方法就是用submit type..看代碼：

復制代碼

代碼如下:

<formname=」form」method=」post」action=」#">
<inputtype=」submit」name=」submit」value=」提交">
</form>

另外，還有一種常用的方法是使用圖片：

復制代碼

代碼如下:

<formname=」form」method=」post」action=」#">
<inputtype=」image」name=」submit」src=」btnSubmit.jpg」>
</form>

第三種是使用鏈接來提交表單，用到了javascript的DOM模型：

復制代碼

代碼如下:

<formname=」form」method=」post」action=」#」>
<ahref=」javascript:form.submit();」>提交</a>
</form>

這種方法實際上是調用了一個javascript函數，使用javacript函數來提交表單，方法就非常多非常靈活了，比如可以把它加入到任意一個標簽的onclick事件中：

復制代碼

代碼如下:

<formname=」form」method=」post」action=」#」>
<divonclick=」javascript:form.submit();」>
<span>提交</span>
</div>
</form>

但是，如果一個表單里有需要有多個提交按鈕怎麼辦呢？
比如一個表單里的提交按鈕所指向的處理頁面不同，這樣由於表單在定義的時候就已經確定下表單數據的處理頁面，所以單純地在表單里放多個提交按鈕是沒有辦法達到目的的。這就需要javascript。
首先定義一個函數：

復制代碼

代碼如下:

<scriptlanguage=javascript>
functionquery(){
form.action=」query.php」;
form.submit();}
functionupdate(){
form.action=」update.php」;
form.submit();}
</script>

通過javascript改變form的action屬性值，這樣就可以實現多提交按鈕而且功能不同了，頁面內代碼如下：

復制代碼

代碼如下:

<formname=」form」method=」post」action=」#」>
<inputtype=」button」name=」query」onclick=」query();」value=」查詢」>
<inputtype=」button」name=」update」onclick=」update();」value=」更新」>
</form>

上面一段代碼，使用的是普通的按鈕，而提交功能的實現方法是在它的onclick事件中調用javascript函數.
有了上面這幾種提交表單的方法,我想差不多夠應付復雜的表單了.

❻ HTML表單代碼，上傳圖片封面時出錯怎麼改

對於 input標簽，並且 type="file"，其在 HTML中所提供的按鈕樣式是預設的，由系統負責解釋執行，設置 vaule是無效的。

解決辦法有多種，例如：

將 input標簽設置為隱藏，再添加 1 個 button，點擊 button觸發file事件。

以下是簡單的示例：

<inputtype="file"name="picpath"id="picpath"style="display:none;">
<inputtype="button"value="上傳封面"onclick="picpath.click()">

❼ html 表單上傳圖片

使用表單中的文件域（<input type="file".../>）控制項可以上傳文件。
打開DreamWeaver，這里使用的版本是CS6，新建一個php文件。
保存到網站目錄下，命名為upload.php。
在代碼中插入一個表單
對話框中，操作留空，方法選擇「post」，編碼類型輸入「multipart/form-data」，名稱命名為「upload_form」，其中編碼類型必須為「multipart/form-data」。點擊確定，產生的代碼如下：
<body>
<form action="" method="post" enctype="multipart/form-data" name="upload_form"></form>
</body>
接下來在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>
不同的瀏覽器，對於文件域控制項的顯示不同，IE9瀏覽器和FireFox中的預覽效果都要看一下
代碼中，重要的是名為imgfile的文件域控制項，type屬性為「file」，表示這是一個文件域控制項。
accept屬性表示點擊「瀏覽...」按鈕時，彈出的打開對話框中的文件類型。accept="image/gif, image/jpeg"表示我們只想在文件打開對話框中顯示後綴名為「gif」和「jpg」、「jpeg」的文件。對於此屬性，有些瀏覽器並不支持。比如在IE9中，此屬性不起任何作用。在chrome中，此屬性起作用。
如果想支持所有的圖像文件，accept值可以設置為「image/*」，在chrome中，文件類型顯示
好了，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;
}
}
}
?>
代碼分析：
$_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，表示上傳失敗，顯示失敗信息。
完成的代碼如下：
<!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表單中怎麼上傳圖片，需要什麼技術

不需要什麼技術，和上傳其他內容一樣，只不過文本框要寫成<input type="image" >

❾ 怎麼在HTML的form的編輯框中添加圖片

注意，在form表單中添加照片可以用下面的方法：
注意表單提交圖片的時候是需要：enctype= "multipart/form-data"，沒有這個沒有辦法提交的！
<form action="" method="" enctype= "multipart/form-data">
<input type="file" name="photo">

<input type="submit" value="提交">

</form>

希望我的回答對樓主有幫助，不懂可以繼續追問。

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

你好，html上傳文件的代碼如下：

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

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

htm表單上傳圖片

與htm表單上傳圖片相關的內容