首页 / PHP / 一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4982字，纯文字阅读大概需要8分钟。

内容图文

，因为这个页面说实话代码量是挺多的，还涉及到了图片的上传。

从页面上来直观的体验：

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传 - 文章图片

add new 和 edit都是打开的story.php页面，所以我们应该能提前想到，这个页面会先检测下是哪种请求。

首先我们来搞定比较简单的logout.php页面

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传 - 文章图片

这个页面其实很简单了，主要是几个函数

unset函数其实就是将一些特定的变量置为空；

session_destroy函数是销毁当前的session，当然，当前session中的数据也随着一并销毁了；

接下来再执行header函数，也就是writer.php,当然就会执行到这个代码块中去了：

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传 - 文章图片

Menu和Public Site都很简单，一个是返回到admin文件夹下的index页面，另一个是返回当上级目录，默认是index.php，就是我们整个网站的主页面。

接下来看重头戏，

story.php

因为这部分的代码算是比较长的，我们还是先把代码贴出来，先整体讲解下，然后再就个别细节进行深入讲解。

<?php
	# Script User to Create or Edit a Story
	include_once('include_fns.php');

	if (isset($_REQUEST['story'])) {
		$story = get_story_record($_REQUEST['story']);
	}
?>

<form action = "story_submit.php" method = "POST" enctype="multipart/form-data">
	<input type = "hidden" name="story" value = "<?php echo $_REQUEST['story'];?>">
	<input type = "hidden" name = "destination"
			value = "<?php echo $_SERVER['HTTP_REFERER']; ?>">

	<table>
		<tr>
			<td>Headline</td>
		</tr>

		<tr>
			<td><input size="80" name="headline"
						value ="<?php echo $story['headline'];?>" ></td>
		</tr>

		<tr>
			<td>Page</td>
		</tr>

		<tr>
			<td>
				<?php
					if (isset($_REQUEST['story'])) {
						# code...
						$query = "select p.code, p.description 
								from pages p, writer_permissions wp, stories s 
								where p.code = wp.page
									  and wp.writer = s.writer
									  and s.id = ".$_REQUEST['story']; 
					}else{
						$query = "select p.code, p.description 
								  from pages p, writer_permissions wp 
								  where p.code = wp.page 
								  		and wp.writer = '{$_SESSION['auth_user']}'";
					}
					echo query_select('page', $query , $story['page']);
				?>
			</td>
		</tr>

		<tr>
			<td>Story text (can contain HTML tags)</td>
		</tr>

		<tr>
			<td>
				<textarea cols = "80" rows="7" name="story_text" wrap="virtual">
					<?php echo $story['story_text'];?>
				</textarea>
			</td>
		</tr>

		<tr>
			<td>
				Or upload HTML file
			</td>
		</tr>

		<tr>
			<td>
				<input type = "file" name = "html" size="40">
			</td>
		</tr>

		<tr>
			<td>Picture</td>
		</tr>
		<tr>
			<td><input type="file" name= "picture" size="40"></td>
		</tr>

		<?php
			if ($story[picture]) {
				$size = getimagesize('../'.$story['picture']);
				$width = $size[0];
				$height = $size[1];
		?>

			<tr>
				<td>
					<img src="<?php echo '../'.$story['picture'];?>"
						 	width="<?php echo $width;?>" height="<?php echo $height;?>">
				</td>
			</tr>
		<?php
		}
		?>

		<tr>
			<td algin="center"><input type="submit" value="Submit"></td>
		</tr>
	</table> 
</form>

因为代码比较长，所以就不整个截图了，然后我们来走一遍代码：

第5行

我们之前有提到过，无论点击add new 还是edit，显示的都是story.php页面，所以，这里就是根据request中有没有story这个变量来决定到底是add new还是edit了。当然，我们很容易能够想到，如果没有参数story，那就是add new，如果有story参数，那一定是edit了。

这也可以从writer.php的代码中看出来。

第6行

我们用get_story_record函数来获取当前story的各个详细信息，包括id，作者，主体内容，创建时间，修改时间，发布时间，图片内容等等。。。

接下去的整个代码构造出来的是一个表单内容 form

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传 - 文章图片

看到表单submit的请求页面是story_submit.php，请求方式是POST，关于enctype，我们来看一下stackoverflow上面大神的解答吧：

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传 - 文章图片

因为我们这个页面可能会传文件上去，所以enctype要是 multipart/form-data。

接下来，页面输入了两个属性为hidden的参数，一个是story，一个是destination。story不用多解释，如果是新建的话，那story是空的；而destination是为了在story_submit.php页面可以直接返回到当前页面的前一个页面(其实准确的说法，这里并不是前一个页面，而是The address of the page (if any) which referred the user agent to the current page. This is set by the user agent.)，也就是writer.php页面，其实这里 _SERVER[‘HTTP_REFERER‘]里面其实就是writer.php页面。

关于更多_SERVER的内容，参见：

http://php.net/manual/en/reserved.variables.server.php

16-23行

是headline的表单行，这部分比较简单

25-48行

是page类别的下拉选择项

这里依旧是根据参数中有无story来判断，如果有，则根据当前story的id号来找到属于哪一类别的，并且显示出来；如果没有，则查看当前用户有发表那几种文章的权限，例如当前我登陆的用户，只有两个权限：

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传 - 文章图片

当然，这个权限是存储在writer_permissions 表中的，

然后select语句写好了之后，我们就通过query_select函数来显示下拉框

50-60行

这部分用来显示story的主体部分，和headline类似。

62-80行

是用来上传文件的部分，第一部分是上传html格式的文件，第2部分是上传图片

81-96行

这部分php代码用来显示已经存储于服务器上的图片，当然前提是要能从story表中获取到picture字段的内容

好了，整个代码走完了一遍，我们来看具体用到的几个函数吧：

get_story_record函数

这个函数存在于db_fns.php，你知道它是存放在根目录的对吧？

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传 - 文章图片

query_select 函数

依旧是在db_fns.php中

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传 - 文章图片

这部分组合成了最终要显示的HTML格式的内容，我们可以查看下源代码：

<select name = 'page'>
<option value="" selected>-- Choose --</option>
<option value='news'>[news] The Top News Stories From Around the World</option>
<option value='sport'>[sport] Sports Latest - All The Winners and Losers</option>
</select>

好了，这部分的内容就到此为止，我们下一章章节来看我们新输入的内容是如何上传到服务器上的。

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传

标签：mysql php

本文系统来源：http://blog.csdn.net/u011156012/article/details/45969479

内容总结

以上是互联网集市为您收集整理的一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传全部内容，希望文章能够帮你解决一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/447778.html

来源：【匿名】

【上一篇】wdcp升级php和mysql 【下一篇】PHP 5 数据对象 (PDO) 抽象层与 Oracle

更多 ►

【一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传】教程文章相关的互联网学习教程文章

PHP上传文件【代码】

主界面：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title></head><body><form action="filecl.php" method="post" enctype="multipart/form-data"><input type="file" name="file"/><input type="s...

PHP ssh链接sftp上传下载【代码】

<?php //需要开启 php_ssh2 扩展。安装扩展后 php.ini 里添加 extension=ssh2class Sftp {// 连接为NULLprivate $conn = NULL;// 是否使用秘钥登陆private $usePubKey= false;//sftp 句柄private $sftp = NULL;/*** 构造函数.*/public function __construct(){$sftp_config = array("host" => "", // SFTP服务器ip地址"username" => "", // SFTP服务器用户名"password" => "", ...

PHP + webuploader 视频上传

上传方式，PHP默认方式和 FTP 上传 1、修改PHP 配置：php.ini 修改以下配置项为适合的数据php中 php.ini 文件修改file_uploads = On //允许文件上传upload_tmp_dir = "E:/fileuploadtmp" //暂存空间upload_max_filesize = 100M //上传文件最大的容量post_max_size = 120M //上传数据的最大容量max_execution_time = 600 //最长执行时间（秒）max_input_time = 600 //上传持续的最长时间（秒） memory_limit = 256M //内存大小 m...

ThinkPHP使用心得分享-上传类UploadFile的使用

上传类的使用很简单，如果是第一次使用上传功能的朋友需要注意的是html提交表单中的表单属性要加上 enctype属性，如：复制代码代码如下: <form method="post" action="upload.php" enctype="multipart/form-data"> <input type=‘file‘ name=‘file‘> <input type=‘submit‘ value=‘提交‘> </form>ThinkPHP的UploadFile类在文件../ThinkPHP/Extend/Library/ORG/Net/UploadFile.class.php中:复制代码代码如下: //引入...

[php基础]PHP.INI配置:文件上传功能配置教程

昨天分享了在PHP网站开发中如何在php.ini中配置实现session功能的PHP教程，今天继续分享在利用PHP实现文件上传功能时几点关键php.ini的配置。　　说到在php.ini中的文件上传的配置，其实在之前介绍PHP文件上传功能代码实例教程以及Jquery AjaxUpload实现文件上传功能代码实例教程时我都有所提及。PHP文件上传功能配置主要涉及php.ini配置文件中的upload_tmp_dir、upload_max_filesize、post_max_size等选项。php.ini中文件上传功能...

SugarCRM安装过程——PHP文件上传限制问题

找到D:\xampp\php目录下，php文件中的php.ini文件，用写字板打开： 1、查找post_max_size，指通过表单POST给PHP的所能接收的最大值，包括表单里的所有值，默认为8M，看你自己需要进行改变。2、查找File Uploads，首先确认file_uploads = on ;是否允许通过HTTP上传文件的开关，默认为ON即是开。 upload_tmp_dir ;3、查找upload_max_filesize ;即允许上传文件大小的最大值。默认为2M。4、如果要上传>8M的文件，那么只设置上述四项还不...

PHP多文件上传操作【代码】【图】

在前一篇文章里讲到了关于PHP文件上传原理和简单操作举例是单文件上传。http://www.cnblogs.com/lichenwei/p/3879566.html其实多文件上传和单文件上传大同小异，原理都是一样的，只是在代码上做了点小技巧。首先还是index.html上传表单，只是把之前上传文件表单里的file更改成了file[]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="h...

php上传图片模范代码【代码】

1 [php] view plaincopyprint?2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 3 4 <?php 5/****************************************************************************** 6 7参数说明: 8$max_file_size : 上传文件大小限制, 单位BYTE 9$destination_folder : 上传文件路径 10$watermark : 是否附加水印(1为加水印,其他为不加水印); 11 12使用说明: 131. 将PHP.INI文件里面的"extension=php...

win、mac 设置 php上传文件大小限制【代码】【图】

修改php.iniwin平台WAMP修改步骤左键点击wamp选择php在弹出的窗口中选择php.ini在打开的文件中进行修改(修改步骤如下)修改完毕,保存并重启wampmac MAMP步骤File------Edit Template-------php选择自己的版本即可修改内容使用文本编辑工具的搜索功能找到下列选项进行修改设置文件最大上传限制(值的大小可以根据需求修改)file_uploads = On ; 是否允许上传文件 On/Off 默认是On upload_max_filesize = 32M ; 上传文件的最...

PHP设计超级好用的文件上传处理类一（37）【代码】

<?phpclass FileUpload {private $filepath; //指定上传文件保存的路径private $allowtype=array(‘gif‘, ‘jpg‘, ‘png‘, ‘jpeg‘); //充许上传文件的类型private $maxsize=1000000; //允上传文件的最大长度 1Mprivate $israndname=true; //是否随机重命名， true false不随机，使用原文件名private $originName; //源文件名称private $tmpFileName; //临时文件名private $fileType; //文件类型private $fileSize...

php限制上传文件类型并保存上传文件的方法【代码】

本文实例讲述了php限制上传文件类型并保存上传文件的方法。分享给大家供大家参考。具体如下：下面的代码演示了php中如何获取用户上传的文件，并限制文件类型的一般图片文件，最后保存到服务器 <?php $allowedExts = array("gif", "jpeg", "jpg", "png"); $extension = end(explode(".", $_FILES["file"]["name"])); if ((($_FILES["file"]["type"] == "image/gif") || ($_FILES["file"]["type"] == "image/jpeg") || ($_FILES["fil...

[转]考虑 PHP 5.0~5.6 各版本兼容性的 cURL 文件上传【代码】

FROM : https://segmentfault.com/a/1190000000725185最近做的一个需求，要通过PHP调用cURL，以multipart/form-data格式上传文件。踩坑若干，够一篇文章了。重要警告没事不要读PHP的官方中文文档！版本跟不上坑死你！不同版本PHP之间cURL的区别PHP的cURL支持通过给CURL_POSTFIELDS传递关联数组（而不是字符串）来生成multipart/form-data的POST请求。传统上，PHP的cURL支持通过在数组数据中，使用“@+文件全路径”的语法附加文件，...

php 图片上传类代码

先来个简单的：复制代码代码如下:<? //http://www.jb51.net class upLoad{ public $length; //限定文件大小 public $file; //判断此类是用于图片上传还是文件上传 public $fileName; //文件名 public $fileTemp; //上传临时文件 public $fileSize; //上传文件大小 public $error; //上传文件是否有错,php4没有 public $fileType; //上传文件类型 public $directory; // public $maxLen; public $errormsg; function __construct(...

JQuery AJAX + PHP 上传多个附件到服务器

1. 创建一个表单，添加两个附件框<form id="newtopic" > <input type="file" name="att1" > <br /> <input type="file" name="att2" > <br /> <button id="submitBtn" >Submit 提交</button></form> 2. 为按钮创建AJAX单击事件，执行后表单中的附件会上传到服务器的全局变量$_FILES中 $(‘#submitBtn‘).click(function(){ //获取表单数据 var formdata=new FormData($("#newtopic")[0]); $.aj...

PHP文件上传主要代码讲解

导读：在php开发过程中，文件上传也经常用到，这里简单介绍下。在php开发过程中，文件上传也经常用到，这里简单介绍下。代码如下：<?php if($_FILES[‘myfile‘][‘name‘]!=‘‘){if($_FILES[‘myfile‘][‘error‘]> 0){echo "错误状态：".$_FILES[‘myfile‘][‘error‘];} else {move_uploaded_file($_FILES[‘myfile‘][‘tmp_name‘],"uploads/".$FILES[‘myfile‘][‘name‘]);echo "<script>alert(上传成功！);</script>...

PHP - 技术教程分类

PHP 教程 PHP 简介 PHP 安装 PHP 语法 PHP 变量 PHP echo/print PHP EOF(heredoc) PHP 数据类型 PHP 类型比较 PHP 常量 PHP 字符串 PHP 运算符 PHP If...Else PHP Switch PHP 数组 PHP 数组排序 PHP 超级全局变量 PHP While 循环 PHP For 循环 PHP 函数 PHP 魔术常量 PHP 命名空间 PHP 面向对象 PHP 测验 PHP 表单 PHP 表单验证 PHP 表单 - 必需字段 PHP 完整表单实例 PHP $_GET 变量 PHP $_POST 变量 PHP 多维数组 PHP 日期 PHP 包含 PHP 文件 PHP 文件上传 PHP Cookie PHP Session PHP E-mail PHP Error PHP Exception PHP 过滤器 PHP 7 新特性 PHP MySQL 简介 PHP MySQL 连接 PHP MySQL 创建数据库 PHP MySQL 创建数据表 PHP MySQL 插入数据 PHP MySQL 插入多条数据 PHP MySQL 预处理语句 PHP MySQL 读取数据 PHP MySQL Where PHP MySQL Order By PHP MySQL Update PHP MySQL Delete PHP ODBC AJAX 简介 AJAX PHP AJAX 数据库 AJAX 实时搜索 AJAX 投票 PHP Array PHP Calendar PHP cURL PHP Date PHP Directory PHP Error PHP Filesystem PHP Filter PHP FTP PHP HTTP PHP Mail PHP Math PHP Misc PHP MySQLi PHP PDO PHP String PHP Zip PHP Timezones PHP 图像处理 PHP RESTful PHP PCRE PHP 可用的函数 PHP Composer php 全部

PHP - 最热教程

php如何取出数组的前几个元素 PHP变量什么时候释放 PHP如何实现在数据库随机获取几条记录如何解决php base64解码乱码 php主要用于哪些领域 Laravel 批量插入(insert)数据六款国内优秀免费wordpress主题推荐 React如何从后端获取数据并渲染到前端？纯PHP实现定时器任务（Timer），php实现...php该如何安装pdo_mysql扩展

首页 / PHP / 一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传

一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传

内容导读

内容图文

首先我们来搞定比较简单的logout.php页面

story.php

第5行

第6行

16-23行

25-48行

50-60行

62-80行

81-96行

get_story_record函数

query_select 函数

内容总结

内容备注

内容手机端

【一步一步教你用PHP+MySql搭建网站 No.4 文章编辑、图片上传】教程文章相关的互联网学习教程文章

PHP上传文件【代码】

PHP ssh链接sftp上传下载【代码】

PHP + webuploader 视频上传

ThinkPHP使用心得分享-上传类UploadFile的使用

[php基础]PHP.INI配置:文件上传功能配置教程

SugarCRM安装过程——PHP文件上传限制问题

PHP多文件上传操作【代码】【图】

php上传图片模范代码【代码】

win、mac 设置 php上传文件大小限制【代码】【图】

PHP设计超级好用的文件上传处理类一（37）【代码】

php限制上传文件类型并保存上传文件的方法【代码】

[转]考虑 PHP 5.0~5.6 各版本兼容性的 cURL 文件上传【代码】

php 图片上传类代码

JQuery AJAX + PHP 上传多个附件到服务器

PHP文件上传主要代码讲解

MYSQL - 相关标签

PHP - 相关标签

PHP - 技术教程分类

PHP - 最新教程

PHP - 最热教程