jQuery Mobile + PHP實現(xiàn)文件上傳
更新時間：2014年12月12日 08:52:51 投稿：hebedich
這篇文章主要介紹了jQuery Mobile + PHP實現(xiàn)文件上傳的方法實例，以及由于自己疏忽造成的問題的解決方法，這里推薦給大家，有需要的小伙伴參考下
很簡單的一個小例子 jQuery Mobile + PHP 通過超全局 $_FILES 上傳,然后用move_uploaded_file()方法把上傳的圖片移動到到本地服務(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)新實驗</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)一個問題，自己試了好久都上傳不了
詢問了小伙伴后,發(fā)現(xiàn)問題所在是文件權(quán)限不足,從而限制了網(wǎng)頁上傳圖片到文件夾中.所以解決辦法就是把文件夾的權(quán)限問題解決掉.
復(fù)制代碼 代碼如下:
$ cd /var/www
$ sudo chmod -R 777 html
ok,現(xiàn)在就可以將文件上傳到服務(wù)器的文件夾了.
您可能感興趣的文章:
- jquerymobile checkbox及時刷新才能獲取其準(zhǔn)確值
- 使用jquery mobile做幻燈播放效果實現(xiàn)步驟
- jquery Mobile入門—多頁面切換示例學(xué)習(xí)
- jQuery Mobile頁面跳轉(zhuǎn)后未加載外部JS原因分析及解決
- jquery mobile實現(xiàn)撥打電話功能的幾種方法
- jquery mobile changepage的三種傳參方法介紹
- jQuery Mobile 導(dǎo)航欄代碼
- jquerymobile局部渲染的各種刷新方法小結(jié)
- jquery mobile的觸控點擊事件會多次觸發(fā)問題的解決方法
- 使用jQueryMobile實現(xiàn)滑動翻頁效果的方法
- jquery.mobile 共同布局遇到的問題小結(jié)
- Jquery Mobile 自定義按鈕圖標(biāo)
- jQuery mobile轉(zhuǎn)換url地址及獲取url中目錄部分的方法
- jQuery Mobile頁面返回不需要重新get
相關(guān)文章
在PHP開發(fā)中,比起Cookie，Session 是存儲在服務(wù)器端的會話，相對安全，并且不像 Cookie 那樣有存儲長度限制，PHP處理會話函數(shù)包括：session_start、session_register、session_is_registered、session_unregister、Session_destroy等等，這里詳細介紹下php處理會話函數(shù)2015-08-08
EaglePHP框架開發(fā)微信5.0的API接口，包含微信5.0 API基礎(chǔ)接口、自定義菜單、高級接口,包括如下接收用戶消息、向用戶回復(fù)消息、會話界面自定義菜單、語音識別、客服接口等功能2014-01-01
這篇文章主要介紹了windows7下安裝php的php-ssh2擴展教程,本文同時適用XP系統(tǒng),但Win8沒有測試過,需要的朋友可以參考下2014-07-07
CI框架中l(wèi)ibraries,helpers,hooks文件夾詳細說明
CodeIgniter 是一個小巧但功能強大的 PHP 框架，作為一個簡單而“優(yōu)雅”的工具包，它可以為 PHP 程序員建立功能完善的 Web 應(yīng)用程序。今天我們來看看CI框架中幾個文件夾都是干什么用的2014-06-06
下面小編就為大家?guī)硪黄狿HP中遍歷二維數(shù)組_以不同形式的輸出操作實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
PHP+FFMPEG實現(xiàn)將視頻自動轉(zhuǎn)碼成H264標(biāo)準(zhǔn)Mp4文件
最近做一個在線教學(xué)網(wǎng)的項目，需要實現(xiàn)上傳任意格式視頻自動為h264標(biāo)準(zhǔn)視頻，使用html5播放。最終使用PHP+FFMPEG實現(xiàn)，在此將詳細解決方案分享給大家！2014-09-09
依賴反轉(zhuǎn)原則是SOLID中最難理解的原則，而依賴注入則是單元測試的基石，下面這篇文章主要給大家介紹了關(guān)于laravel框架中你所用到的依賴注入的相關(guān)資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下2018-07-07
這篇文章主要介紹了thinkphp3.x中cookie方法的用法,結(jié)合實例形式分析了thinkPHP中cookie方法的設(shè)置、獲取、刪除等常用操作技巧,需要的朋友可以參考下2016-05-05
php導(dǎo)出word文檔與excel電子表格的簡單示例代碼
本篇文章主要是對php導(dǎo)出word文檔與excel電子表格的簡單示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
這篇文章主要介紹了一個好用的PHP驗證碼類實例，有需要的朋友可以參考一下2013-12-12