html怎么添加一张图片,HTML怎么添加图片

回答：

使用表单中的文件域()控件可以上传文件。

打开DreamWeaver，这里使用的版本是CS6，新建一个PHP文件。

保存到网站目录下，命名为upload.PHP。

在代码中插入一个表单

对话框中，操作留空，方法选择“post”，编码类型输入“multipart/Form-data”，名称命名为“upload_Form”，其中编码类型必须为“multipart/Form-data”。点击确定，产生的代码如下：

接下来在Form中插入一个标签控件、一个文件域控件和一个上传按钮。

结果如下：

选择图片文件

不同的浏览器，对于文件域控件的显示不同，IE9浏览器和FireFox中的预览效果都要看一下

代码中，重要的是名为imgfile的文件域控件，type属性为“file”，表示这是一个文件域控件。

aCCept属性表示点击“浏览...”按钮时，弹出的打开对话框中的文件类型。aCCept="image/gif, image/jpeg"表示我们只想在文件打开对话框中显示后缀名为“gif”和“jpg”、“jpeg”的文件。对于此属性，有些浏览器并不支持。比如在IE9中，此属性不起任何作用。在chrome中，此属性起作用。

如果想支持所有的图像文件，aCCept值可以设置为“image/*”，在chrome中，文件类型显示

好了，HTML代码就写完了，因为action=""，表示点击上传按钮时，将表单提交给自身，因此，我们还要添加接收表单的处理代码。

代码如下：

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上传成功
"

. "文件大小: %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，表示上传失败，显示失败信息。

完成的代码如下：

上传图片文件

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

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

{

$imgFile = $_FILES['imgfile'];

$upErr = $imgFile['error'];

if ($upErr == 0)

{

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

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上传成功
"

. "文件大小: %s字节
"

. ""

, $imgFileName, $imgSize, $imgFileName

);

echo $strPrompt;

}

else

{

echo "请选择jpg或gif文件，不支持其它类型的文件。";

}

}

else

{

echo "文件上传失败。
";

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

{

?>

选择图片文件

}

?>