html表单上传图片

2022-03-29 教育 176阅读
  1. 使用表单中的文件域()控件可以上传文件。

  2. 打开DreamWeaver,这里使用的版本是CS6,新建一个php文件。

  3. 保存到网站目录下,命名为upload.php。

  4. 在代码中插入一个表单

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

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

    结果如下:

     

     

     

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

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

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

  9. 如果想支持所有的图像文件,accept值可以设置为“image

    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)

    {

    case1:

     echo"超过了php.ini中设置的上传文件大小。";

    break;

    case2:

     echo"超过了MAX_FILE_SIZE选项指定的文件大小。";

    break;

    case3:

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

    break;

    case4:

     echo"文件未被上传。";

    break;

    case5:

     echo"上传文件大小为0";

    break;

    }

    }

    }

    else

    {

    ?>

     

     

     

    }

    ?>

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com