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表单上传图片相关的内容