jQuery Mobile + PHP实现文件上传

2015-01-24信息快讯网

这篇文章主要介绍了jQuery Mobile + PHP实现文件上传的方法实例,以及由于自己疏忽造成的问题的解决方法,这里推荐给大家,有需要的小伙伴参考下

很简单的一个小例子 jQuery Mobile + PHP 通过超全局 $_FILES 上传,然后用move_uploaded_file()方法把上传的图片移动到到本地服务器下的文件夹,

下面是html和php的代码

<!DOCTYPE html>
<html>
<head>
                <meta charset = "utf-8">
                <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
                <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
                <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</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>创新实验</h1>
                </div>
       </div>
</body>
</html>

<?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"]; 
                } 
        } 
} 
?>

代码很简单,但是使用过程中却发现一个问题,自己试了好久都上传不了
询问了小伙伴后,发现问题所在是文件权限不足,从而限制了网页上传图片到文件夹中.所以解决办法就是把文件夹的权限问题解决掉.

$ cd /var/www
$ sudo chmod -R  777  html

ok,现在就可以将文件上传到服务器的文件夹了.

ucenter通信原理分析
php计划任务之ignore_user_abort函数实现方法
WampServer下安装多个版本的PHP、mysql、apache图文教程
PHP中使用CURL获取页面title例子
PHP和Shell实现检查SAMBA与NFS Server是否存在
PHP中使用SimpleXML检查XML文件结构实例
phpQuery让php处理html代码像jQuery一样方便
jQuery+PHP实现的掷色子抽奖游戏实例
PHP+jquery实时显示网站在线人数的方法
php使用google地图应用实例
php连接oracle数据库及查询数据的方法
php+jQuery.uploadify实现文件上传教程
PHP_SELF,SCRIPT_NAME,REQUEST_URI区别
php提示Failed to write session data错误的解决方法
PHP中使用file_get_contents抓取网页中文乱码问题解决方法
php使用pdo连接报错Connection failed SQLSTATE的解决方法
CI框架中cookie的操作方法分析
分享一段PHP制作的中文拼音首字母工具类
PHP使用header()输出图片缓存实例
Codeigniter框架实现获取分页数据和总条数的方法
Yii的CDbCriteria查询条件用法实例
Yii框架获取当前controlle和action对应id的方法
Yii核心组件AssetManager原理分析
ThinkPHP采用原生query实现关联查询left join实例
PHP中__FILE__、dirname与basename用法实例分析
PHP中SimpleXML函数用法分析
thinkphp使用phpmailer发送邮件的方法
PHP集成百度Ueditor 1.4.3
php中convert_uuencode()与convert_uuencode函数用法实例
PHP PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
php中time()与$_SERVER[REQUEST_TIME]用法区别
PHP循环遍历数组的3种方法list()、each()和while总结
php 使用file_get_contents读取大文件的方法
PHP中file_exists()判断中文文件名无效的解决方法
©2014-2024 dbsqp.com