关于ajaxphp简单图片相册源代码的信息

本篇文章给大家谈谈ajaxphp简单图片相册源代码，以及对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、PHP照片循环显示问题，如何用AJAX循环显示上一张下一张照片
• 2、用jquery实现ajax 上传图片提交到PHP
• 3、php+ajax实现动态调用数据库并显示成幻灯片效果

PHP照片循环显示问题，如何用AJAX循环显示上一张下一张照片

兄弟，你要注意区分好php和JS的区别啊。帮你搞定了。

//wp_442057835.php

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

titleAjax Get Picture/title

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

meta http-equiv="Content-Language" content="zh-CN" /

/head

body

script

function last_pic() {

userid = document.getElementById("user_pic").getAttribute("imgid"); //使用imgid存储当前照片id

xmlHttp=GetXmlHttpObject();

if (xmlHttp==null) {

alert ("Browser does not support HTTP Request");

return null;

}

var q="1";

var url="wp_442057835_process.php?q="+q+"u="+userid+"sid="+Math.random();

xmlHttp.onreadystatechange=stateChanged;

xmlHttp.open("GET",url,true);

xmlHttp.send(null);

}

function next_pic() {

userid = document.getElementById("user_pic").getAttribute("imgid");

xmlHttp=GetXmlHttpObject();

if (xmlHttp==null) {

alert ("Browser does not support HTTP Request");

return null;

}

var q="2";

var url="wp_442057835_process.php?q="+q+"u="+userid+"sid="+Math.random();

xmlHttp.onreadystatechange=stateChanged;

xmlHttp.open("GET",url,true);

xmlHttp.send(null);

}

function stateChanged() {

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){

var nuserid=xmlHttp.responseText;

var newImage = document.getElementById("user_pic");

newImage.setAttribute("src", "user_pic/"+nuserid+".jpg");

newImage.setAttribute("imgid", nuserid);

}

}

function GetXmlHttpObject(){

var request;

var browser = navigator.appName;

if(browser == "Microsoft Internet Explorer"){

var arrVersions = ["Microsoft.XMLHTTP","MSXML2.XMLHttp.4.0",

"MSXML2.XMLHttp.3.0","MSXML2.XMLHttp.5.0"];

for(var i=0;i arrVersions.length;i++){

try{

request = new ActiveXObject(arrVersions[i]);

return request;

}catch(exception){

//忽略，继续

}

}

}else{

request = new XMLHttpRequest();

return request;

}

}

/script

div id="pic_show"

a href="javascript:;" onclick="last_pic(); return false;" 上一张/a

img src="?php echo "user_pic/1.jpg" ?" alt="修改头像" hspace="7" id="user_pic" width="200px" height="100px" imgid="1"/

a href="javascript:;" onclick="next_pic(); return false;" 下一张/a

/body

/html

//wp_442057835_process.php

?php

header("content-type:textml;charset=utf-8");

include("db.php");

//echo $_GET["q"];

//echo $_GET["u"];

$userid=$_GET["u"];

if($_GET["q"]==1)

{

$lquery=mysql_query("SELECT * FROM usermember WHERE userid $userid ORDER BY userid DESC LIMIT 1 ");

$last_user =mysql_fetch_object($lquery);

$last_userid=$last_user-userid;

if(empty($last_userid)) $last_userid = $userid;

echo $last_userid;

}

if($_GET["q"]=="2")

{

$nquery=mysql_query("SELECT * FROM usermember WHERE userid $userid ORDER BY userid ASC LIMIT 1 ");

$next_user =mysql_fetch_object($nquery);

$next_userid=$next_user-userid;

if(empty($next_userid)) $next_userid = $userid;

echo $next_userid;

}

用jquery实现ajax 上传图片提交到PHP

$.ajax({

type: "POST",

url: "some.php",

data: "name=Johnlocation=Boston",

success: function(msg){

alert( "Data Saved: " + msg );

}

});

先看一个简单的ajax提交数据功能

some.php就是你提交到后台进行操作的php data就是参数根据自己的需要而定饿。

当数据与php提交有效或者说后台成功返回时 success就是成功返回到前台的方法操作msg就是后台操作前台提交的数据所返回的 xml或者json或者字符串的信息 根据您自己所定义的信息进行数据操作。

您的是上传功能。那么您所提供的数据有图片地址。和一个上传功能的php函数。这个函数当您提交action的php。当这个php被执行时正确的返回为1时为上传成功、0为上传失败（或者将返回失败的信息返回给前台）、success: function(msg){

alert( "Data Saved: " + msg );

}

这里就可以处理您的返回信息了。具体的流程是这样的需要您自己去看看。

php+ajax实现动态调用数据库并显示成幻灯片效果

回答：

综合思路：

1. 大概了解了一下你希望得到的效果，而且也正是我这一周正在攻关的问题，并已经完成最终测试。

2. ajax从另一个php页面得到图片地址（以text形式得到，形式以ul/li的html代码格式在该php页面中形成并显示）。

3. 在index.php文件的html代码部分建立一个隐藏div块，用以暂放第二条得到的数据。

4. 使用javascript实现图片轮播效果，并设计一个显示界面，在下方按照图片轮播的情况动态显示图片介绍（忘了说，这个图片介绍可在第二条的那个php文件中放入图片的alt属性之中。）

6. 和第四条相配合，在html代码部分加入一个div块，用以显示轮播图片和文字介绍以及控制按钮，并为其设置id属性，供javascript使用。

7. 至于需要多么强悍或炫丽的特效，都可以使用js进行编制，前提是您需要对js有一个基本甚至效好的理解和应用能力。

8. 期间还要有图片转入动画的制作和放置，不过这也只是特效的一部分，如果你希望得到代码，到时候百度hi我，我可以将我的代码供你参考，不过这套代码我暂时还不想公开，你需要的话单独联系。望谅解。

===========================================

至于php正则类？如果没有大量的正则替换工作需要进行的话，最好自己编写，因为所谓的类都会在一定程序上拉低整体程序性能，（其实是我不喜欢使用，也没有去了解过，正则都是自己来用php函数写的。）

=============================

最后，工作顺意，才思泉涌！

关于ajaxphp简单图片相册源代码和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。