Php 尝试制作像twitter这样的可变背景
好的，这对在座的一些人来说可能是一个独特的问题。我正在制作一个网站，用户可以通过该网站更改帐户背景。。所以我一直到现在我需要帮助 Javascript代码Php 尝试制作像twitter这样的可变背景,php,html,forms,jquery,twitter,Php,Html,Forms,Jquery,Twitter,好的，这对在座的一些人来说可能是一个独特的问题。我正在制作一个网站，用户可以通过该网站更改帐户背景。。所以我一直到现在我需要帮助 Javascript代码 <script type="text/javascript" > $(document).ready(function() { $('#photoimg').live('change', function() { $("#preview").
<script type="text/javascript" >
$(document).ready(function() {
$('#photoimg').live('change', function() {
$("#preview").html('');
$("#preview").html("<body background="http://mysite.com/image/loading.jpg"></body>");
$("#imageform").ajaxForm({
target: '#preview'
}).submit();
});
});
</script>
$（文档）.ready（函数（）{
$（'#photoimg'）.live（'change'，function（）{
$（“#预览”）.html（“”）；
$（“#预览”）.html（“”）；
$（“#imageform”）.ajaxForm({
目标：“#预览”
}).submit（）；
});
});
<?php
session_start();
$session_id='1'; //$session id
$path = "uploads/";
$valid_formats = array("jpg", "png", "gif", "bmp");
if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST")
{
$name = $_FILES['photoimg']['name'];
$size = $_FILES['photoimg']['size'];
if(strlen($name))
{
list($txt, $ext) = explode(".", $name);
if(in_array($ext,$valid_formats))
{
if($size<(1024*1024))
{
$actual_image_name = time().substr(str_replace(" ", "_", $txt), 5).".".$ext;
$tmp = $_FILES['photoimg']['tmp_name'];
if(move_uploaded_file($tmp, $path.$actual_image_name))
{
//sqlquery space
echo "<body background='uploads/".$actual_image_name."' ></body>";
}
else
echo "failed";
}
else
echo "Image file size max 1 MB";
}
else
echo "Invalid file format..";
}
else
echo "Please select image..!";
exit;
}
?>
<?php
//Your code returns the url -- omitted your code for simplicity
echo "testimage2.jpg";
这是一个非常简化的版本，我相信你正在努力实现。我已经将你的身体改为div，因为身体不应该是div的孩子
Javascript+HTML
<script>
$(document).ready(function() {
$('#ajaxForm').ajaxForm(function(response) {
var newImage = response;
//alert(response); -- check your response is correct
$('#preview > div').css("background-image","url(" + response + ")");
});
});
</script>
<div id="preview">
<div style="background-image: url(testimage1.png); width: 100%; height: 400px;"></div>
</div>
<form method="post" id="ajaxForm" action="ajaximage.php">
<input type="submit" value="submit" />
</form>
$（文档）.ready（函数（）{
$（'#ajaxForm'）.ajaxForm（函数（响应）{
var newImage=响应；
//警惕（反应）；--检查你的反应是否正确
$（'#preview>div'）.css（“背景图像”，“url”（“+response+”））；
});
});
ajaximage.php
<?php
session_start();
$session_id='1'; //$session id
$path = "uploads/";
$valid_formats = array("jpg", "png", "gif", "bmp");
if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST")
{
$name = $_FILES['photoimg']['name'];
$size = $_FILES['photoimg']['size'];
if(strlen($name))
{
list($txt, $ext) = explode(".", $name);
if(in_array($ext,$valid_formats))
{
if($size<(1024*1024))
{
$actual_image_name = time().substr(str_replace(" ", "_", $txt), 5).".".$ext;
$tmp = $_FILES['photoimg']['tmp_name'];
if(move_uploaded_file($tmp, $path.$actual_image_name))
{
//sqlquery space
echo "<body background='uploads/".$actual_image_name."' ></body>";
}
else
echo "failed";
}
else
echo "Image file size max 1 MB";
}
else
echo "Invalid file format..";
}
else
echo "Please select image..!";
exit;
}
?>
<?php
//Your code returns the url -- omitted your code for simplicity
echo "testimage2.jpg";
这很让人困惑？我想你需要弄清楚你的问题是什么，定义你最后的一次性评论，然后保存到db。你试过了吗？你的代码似乎并不表明你自己已经尝试过了？我建议你把你的目标分解成更小的步骤，让你对正在运行的东西有信心。你可以找到你自己你怎么说我没有尝试过？如果我没有尝试过，我怎么说它不起作用！我的评论是“尝试”与插入到db相关，您的ajaximage不包含任何db交互？代码在html主体内部工作。我的问题是如何在主体标记上回显代码。