PHP development image upload upload displays the same page

Many times when we upload pictures, they are on the same page as the displayed pictures. There is no need to jump to a separate page, so we will merge the two pages together in this section. The code is as follows]

Tip: You need to copy the code to run locally

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片上传</title>
</head>
<body>
<form id="form1" name="upload" enctype="multipart/form-data" method="post" action="">
    <input type="hidden" name="max_file_size " />
    <input type="file" name="file" />
    <input type="submit" name="submit" value="上传" />
</form>
<div>
    <?php
header("content-type:text/html;charset=utf-8");
class upload
{
 var $upload_name;
 var $upload_tmp_address;
 var $upload_server_name;
 var $upload_filetype ;
 var $file_type;
 var $file_server_address;
 var $image_w=600; //要显示图片的宽
 var $image_h=350; //要显示图片的高
 var $upload_file_size;
 var $upload_must_size= 500000; //允许上传文件的大小，自己设置
 function upload_file()
    {
 $this->upload_name =$_FILES["file"]["name"]; //取得上传文件名
 $this->upload_filetype = $_FILES["file"]["type"];
 $this->upload_server_name = date('y_m_dh_i_s').$this->upload_name;
//    var_dump($this->upload_server_name );
//    exit;
 $this->upload_tmp_address = $_FILES["file"]["tmp_name"]; //取得临时地址
 $this->file_type = array(
 'image/jpg',
 'image/jpeg',
 'image/png',
 'image/gif',); //允许上传文件的类型
 $this->upload_file_size = $_FILES["file"]["size"]; //上传文件的大小
 if(in_array($this->upload_filetype,$this->file_type))
        {
 if($_POST){if($this->upload_file_size < $this->upload_must_size)
        {
 echo("上传成功，谢谢支持");
 $this->file_server_address = "../images/".$this->upload_server_name;
//    var_dump($this->file_server_address );
//    exit;
 move_uploaded_file($this->upload_tmp_address,$this->file_server_address);//从temp目录移出
 echo("<img src=$this->file_server_address width=$this->image_w height=$this->image_h/>"); //显示图片
 }
 else
 {
 echo("文件容量太大");
        }
        }
 else
 {
 echo("不支持此文件类型，请重新选择");
        }
        }
    }
}
$dd = new upload;
$dd->upload_file();
?>
</div>
</body>
</html>

You can put these codes into the page you need to put

Continuing Learning

new file

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片上传</title> </head> <body> <form id="form1" name="upload" enctype="multipart/form-data" method="post" action=""> <input type="hidden" name="max_file_size " /> <input type="file" name="file" /> <input type="submit" name="submit" value="上传" /> </form> <div> <?php header("content-type:text/html;charset=utf-8"); class upload { var $upload_name; var $upload_tmp_address; var $upload_server_name; var $upload_filetype ; var $file_type; var $file_server_address; var $image_w=600; //要显示图片的宽 var $image_h=350; //要显示图片的高 var $upload_file_size; var $upload_must_size= 500000; //允许上传文件的大小，自己设置 function upload_file() { $this->upload_name =$_FILES["file"]["name"]; //取得上传文件名 $this->upload_filetype = $_FILES["file"]["type"]; $this->upload_server_name = date('y_m_dh_i_s').$this->upload_name; // var_dump($this->upload_server_name ); // exit; $this->upload_tmp_address = $_FILES["file"]["tmp_name"]; //取得临时地址 $this->file_type = array( 'image/jpg', 'image/jpeg', 'image/png', 'image/gif',); //允许上传文件的类型 $this->upload_file_size = $_FILES["file"]["size"]; //上传文件的大小 if(in_array($this->upload_filetype,$this->file_type)) { if($_POST){if($this->upload_file_size < $this->upload_must_size) { echo("上传成功，谢谢支持"); $this->file_server_address = "../images/".$this->upload_server_name; // var_dump($this->file_server_address ); // exit; move_uploaded_file($this->upload_tmp_address,$this->file_server_address);//从temp目录移出 echo("<img src=$this->file_server_address width=$this->image_w height=$this->image_h/>"); //显示图片 } else { echo("文件容量太大"); } } else { echo("不支持此文件类型，请重新选择"); } } } } $dd = new upload; $dd->upload_file(); ?> </div> </body> </html>

submit Reset Code

Automatic operation

PHP development image upload upload displays the same page

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]