jQuery Mobile + PHP实现文件上传


Posted in PHP onDecember 12, 2014

很简单的一个小例子 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,现在就可以将文件上传到服务器的文件夹了.

PHP 相关文章推荐
PHP的cURL库功能简介 抓取网页、POST数据及其他
Apr 07 PHP
PHP 实现explort() 功能的详解
Jun 20 PHP
php中将数组转成字符串并保存到数据库中的函数代码
Sep 29 PHP
PHP将XML转数组过程详解
Nov 13 PHP
高性能PHP框架Symfony2经典入门教程
Jul 08 PHP
php获取当月最后一天函数分享
Feb 02 PHP
php each 返回数组中当前的键值对并将数组指针向前移动一步实例
Nov 22 PHP
php获取开始与结束日期之间所有日期的方法
Nov 29 PHP
基于ThinkPHP实现的日历功能实例详解
Apr 15 PHP
Laravel框架实现redis集群的方法分析
Sep 14 PHP
PHP多维数组排序array详解
Nov 21 PHP
PHP连接SQL Server的方法分析【基于thinkPHP5.1框架】
May 06 PHP
分享一段PHP制作的中文拼音首字母工具类
Dec 11 #PHP
PHP截取指定图片大小的方法
Dec 10 #PHP
php实现图片添加描边字和马赛克的方法
Dec 10 #PHP
PHP生成条形图的方法
Dec 10 #PHP
php自定文件保存session的方法
Dec 10 #PHP
php通过session防url攻击方法
Dec 10 #PHP
php利用cookies实现购物车的方法
Dec 10 #PHP
You might like
自己动手做一个SQL解释器
2006/10/09 PHP
php中调用其他系统http接口的方法说明
2014/02/28 PHP
PHP封装的MSSql操作类完整实例
2016/05/26 PHP
PHP三种方式实现链式操作详解
2017/01/21 PHP
[原创]php实现数组按拼音顺序排序的方法
2017/05/03 PHP
PHP实现字符串的全排列详解
2019/04/24 PHP
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
简单的分页代码js实现
2016/05/17 Javascript
jQuery层级选择器实例代码
2017/02/06 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
Vue 单文件中的数据传递示例
2017/03/21 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
jquery在vue脚手架中的使用方式示例
2017/08/29 jQuery
基于JSON数据格式详解
2017/08/31 Javascript
解决vue中使用Axios调用接口时出现的ie数据处理问题
2018/08/13 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
Nodejs libuv运行原理详解
2019/08/21 NodeJs
javascript设计模式 ? 享元模式原理与用法实例分析
2020/04/15 Javascript
基于JavaScript实现简单扫雷游戏
2021/01/02 Javascript
[04:03]DOTA2肉山黑名单梦之声 风暴之灵中文配音鉴赏
2013/07/03 DOTA
Python中的index()方法使用教程
2015/05/18 Python
python转换字符串为摩尔斯电码的方法
2015/07/06 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
css3实例教程 一款纯css3实现的发光屏幕旋转特效
2014/12/07 HTML / CSS
详解CSS3浏览器兼容
2016/12/14 HTML / CSS
法国在线药房:1001Pharmacies
2021/03/07 全球购物
学期自我鉴定范文
2013/10/01 职场文书
销售业务员岗位职责
2014/01/29 职场文书
2014年医务科工作总结
2014/12/18 职场文书
大学生党员个人总结
2015/02/13 职场文书
2016教师廉洁从教心得体会
2016/01/13 职场文书
SpringBoot SpringEL表达式的使用
2021/07/25 Java/Android
微信小程序调用python模型
2022/04/21 Python