jQuery Mobile + PHP实现文件上传
很简单的一个小例子jQueryMobile+PHP通过超全局$_FILES上传,然后用move_uploaded_file()方法把上传的图片移动到到本地服务器下的文件夹,
下面是html和php的代码
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<linkrel="stylesheet"href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<scriptsrc="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<scriptsrc="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<divdata-role="page"id="upload">
<divdata-role="header" >
<h1>校园祭</h1>
<ahref="#pageone"data-rolr=buttondata-icon="home"class="ui-btn-left">首页</a>
</div>
<divdata-role="content">
<formaction="upload_file.php"method="post"enctype="multipart/form-data"data-ajax="false">
<input id="uploadimg"name="file" type="file" runat="server"method="post"
enctype="multipart/form-data"data-inline="true" data-ajax="false"/>
<center><button data-inline="true" >上传</button></center>
</form>
</div>
<divdata-role="footer"data-position="fixed"data-fullscreen="true">
<h1>创新实验</h1>
</div>
</div>
</body>
</html>
<?php
if($_FILES["file"]["error"]>0)
{
echo"ReturnCode:".$_FILES["file"]["error"]."<br/>";
}
else
{
echo"Upload:".$_FILES["file"]["name"]."<br/>";
echo"Type:".$_FILES["file"]["type"]."<br/>";
echo"Size:".($_FILES["file"]["size"]/1024)."Kb<br/>";
echo"Tempfile:".$_FILES["file"]["tmp_name"]."<br/>";
if(file_exists("upload/".$_FILES["file"]["name"]))
{
echo$_FILES["file"]["name"]."alreadyexists.";
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],
"upload/".$_FILES["file"]["name"]);
echo"Storedin:" ."upload/".$_FILES["file"]["name"];
}
}
}
?>
代码很简单，但是使用过程中却发现一个问题，自己试了好久都上传不了
询问了小伙伴后,发现问题所在是文件权限不足,从而限制了网页上传图片到文件夹中.所以解决办法就是把文件夹的权限问题解决掉.
$cd/var/www $sudochmod-R 777 html
ok,现在就可以将文件上传到服务器的文件夹了.