jQuery Mobile + PHP實(shí)現(xiàn)文件上傳
更新時(shí)間：2014年12月12日 08:52:51 投稿：hebedich
這篇文章主要介紹了jQuery Mobile + PHP實(shí)現(xiàn)文件上傳的方法實(shí)例，以及由于自己疏忽造成的問題的解決方法，這里推薦給大家，有需要的小伙伴參考下
很簡單的一個(gè)小例子 jQuery Mobile + PHP 通過超全局 $_FILES 上傳,然后用move_uploaded_file()方法把上傳的圖片移動(dòng)到到本地服務(wù)器下的文件夾,
下面是html和php的代碼
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<link rel="stylesheet" href=" <script src=">
<script src=">
</head>
<body>
<div data-role="page" id="upload" >
<div data-role="header" >
<h1>校園祭</h1>
<a href="#pageone" data-rolr = button data-icon="home" class="ui-btn-left" >首頁</a>
</div>
<div 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>
</div>
<div data-role="footer" data-position="fixed" data-fullscreen="true">
<h1>創(chuàng)新實(shí)驗(yàn)</h1>
</div>
</div>
</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)一個(gè)問題，自己試了好久都上傳不了
詢問了小伙伴后,發(fā)現(xiàn)問題所在是文件權(quán)限不足,從而限制了網(wǎng)頁上傳圖片到文件夾中.所以解決辦法就是把文件夾的權(quán)限問題解決掉.
復(fù)制代碼 代碼如下:
$ cd /var/www
$ sudo chmod -R 777 html
ok,現(xiàn)在就可以將文件上傳到服務(wù)器的文件夾了.
您可能感興趣的文章:
- jquerymobile checkbox及時(shí)刷新才能獲取其準(zhǔn)確值
- 使用jquery mobile做幻燈播放效果實(shí)現(xiàn)步驟
- jquery Mobile入門—多頁面切換示例學(xué)習(xí)
- jQuery Mobile頁面跳轉(zhuǎn)后未加載外部JS原因分析及解決
- jquery mobile實(shí)現(xiàn)撥打電話功能的幾種方法
- jquery mobile changepage的三種傳參方法介紹
- jQuery Mobile 導(dǎo)航欄代碼
- jquerymobile局部渲染的各種刷新方法小結(jié)
- jquery mobile的觸控點(diǎn)擊事件會(huì)多次觸發(fā)問題的解決方法
- 使用jQueryMobile實(shí)現(xiàn)滑動(dòng)翻頁效果的方法
- jquery.mobile 共同布局遇到的問題小結(jié)
- Jquery Mobile 自定義按鈕圖標(biāo)
- jQuery mobile轉(zhuǎn)換url地址及獲取url中目錄部分的方法
- jQuery Mobile頁面返回不需要重新get
相關(guān)文章
微信小程序之支付后調(diào)用SDK的異步通知及驗(yàn)證處理訂單方法
下面小編就為大家分享一篇微信小程序之支付后調(diào)用SDK的異步通知及驗(yàn)證處理訂單方法，具有很好的參考價(jià)值，希望對大家有所幫助2018-01-01
這篇文章主要為大家詳細(xì)介紹了PHP編寫RESTful接口的方法，如何使用PHP編寫RESTful接口，感興趣的小伙伴們可以參考一下2016-02-02
Laravel路由設(shè)定和子路由設(shè)定實(shí)例分析
這篇文章主要介紹了Laravel路由設(shè)定和子路由設(shè)定方法,結(jié)合實(shí)例形式分析了Laravel路由的設(shè)定技巧,需要的朋友可以參考下2016-03-03
優(yōu)化WordPress的Google字體以加速國內(nèi)服務(wù)器上的運(yùn)行
這篇文章主要介紹了優(yōu)化WordPress的Google字體以加速國內(nèi)服務(wù)器上的運(yùn)行的方法,由于谷歌在內(nèi)地被墻導(dǎo)致其更新等方面都收到不同程度的影響,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了PHP命名空間(namespace)原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了PHP命名空間的概念、原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-12-12
PHP可變函數(shù)學(xué)習(xí)小結(jié)
PHP 支持可變函數(shù)的概念。這意味著如果一個(gè)變量名后有圓括號，PHP 將尋找與變量的值同名的函數(shù)，并且嘗試執(zhí)行它，本文給大家分享php可變函數(shù)學(xué)習(xí)小結(jié)，對php可變函數(shù)相關(guān)知識感興趣的朋友一區(qū)學(xué)習(xí)吧2015-11-11
Laravel5.1 框架關(guān)聯(lián)模型之后操作實(shí)例分析
這篇文章主要介紹了Laravel5.1 框架關(guān)聯(lián)模型之后操作,結(jié)合實(shí)例形式分析了laravel5.1框架寫入關(guān)聯(lián)模型、更新關(guān)聯(lián)關(guān)系等相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2020-01-01
laravel實(shí)現(xiàn)按時(shí)間日期進(jìn)行分組統(tǒng)計(jì)方法示例
這篇文章主要給大家介紹了關(guān)于laravel如何實(shí)現(xiàn)按時(shí)間日期進(jìn)行分組統(tǒng)計(jì)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用laravel具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
php中沒有鏈表這種數(shù)據(jù)結(jié)構(gòu),可以通過數(shù)組來實(shí)現(xiàn)2014-06-06
PHP禁止個(gè)別IP訪問自己的網(wǎng)站，可以看看下面的方法是如何做到的。2013-10-10