- 相關(guān)推薦
jQuery Mobile + PHP實(shí)現(xiàn)文件上傳
很簡單的一個小例子 jQuery Mobile + PHP 通過超全局 $_FILES 上傳,然后用move_uploaded_file()方法把上傳的圖片移動到到本地服務(wù)器下的文件夾,就跟隨百分網(wǎng)小編一起去了解下吧，想了解更多相關(guān)信息請持續(xù)關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
下面是html和php的代碼
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<link rel="stylesheet" href="//code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="//code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="//code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<p data-role="page" id="upload" >
<p data-role="header" >
<h1>校園祭</h1>
<a href="#pageone" data-rolr = button data-icon="home" class="ui-btn-left" >首頁</a>
</p>
<p data-role="content" >
<form action="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>
</p>
<p data-role="footer" data-position="fixed" data-fullscreen="true">
<h1>創(chuàng)新實(shí)驗(yàn)</h1>
</p>
</p>
</body>
</html>
復(fù)制代碼 代碼如下:
<?php
if ($_FILES["file"]["error"] > 0)
{
echo "Return Code: " . $_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 "Temp file: " . $_FILES["file"]["tmp_name"] . "<br />";
if (file_exists("upload/" . $_FILES["file"]["name"]))
{
echo $_FILES["file"]["name"] . " already exists. ";
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],
"upload/".$_FILES["file"]["name"]);
echo "Stored in: " ."upload/". $_FILES["file"]["name"];
}
}
}
?>
代碼很簡單，但是使用過程中卻發(fā)現(xiàn)一個問題，自己試了好久都上傳不了
詢問了小伙伴后,發(fā)現(xiàn)問題所在是文件權(quán)限不足,從而限制了網(wǎng)頁上傳圖片到文件夾中.所以解決辦法就是把文件夾的權(quán)限問題解決掉.
復(fù)制代碼 代碼如下:
$ cd /var/www
$ sudo chmod -R 777 html
ok,現(xiàn)在就可以將文件上傳到服務(wù)器的文件夾了.</p
【jQuery Mobile + PHP實(shí)現(xiàn)文件上傳】相關(guān)文章：
PHP實(shí)現(xiàn)文件上傳和多文件上傳07-31
php實(shí)現(xiàn)通過ftp上傳文件07-07
php實(shí)現(xiàn)文件上傳及頭像預(yù)覽功能10-17
PHP+jQuery+Ajax仿淘寶多上傳按鈕單文件上傳08-13
PHP圖片文件怎么上傳實(shí)現(xiàn)代碼10-14
php文件怎么上傳06-21