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 相关文章推荐
Classes and Objects in PHP5-面向对象编程 [1]
Oct 09 PHP
建立文件交换功能的脚本(二)
Oct 09 PHP
浅析HTTP消息头网页缓存控制以及header常用指令介绍
Jun 28 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
Jun 09 PHP
php结合js实现点击超链接执行删除确认操作
Oct 31 PHP
PHP执行linux命令常用函数汇总
Feb 02 PHP
Yii中的relations数据关联查询及统计功能用法详解
Jul 14 PHP
PHP读取文件的常见几种方法
Nov 03 PHP
PHP并发查询MySQL的实例代码
Aug 09 PHP
PHP实现的折半查询算法示例
Oct 09 PHP
在thinkphp5.0路径中实现去除index.php的方式
Oct 16 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
Dec 30 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
php str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
关于Sphinx创建全文检索的索引介绍
2013/06/25 PHP
thinkphp实现多语言功能(语言包)
2014/03/04 PHP
php遍历CSV类实例
2015/04/14 PHP
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
php中ob函数缓冲机制深入理解
2015/08/03 PHP
php版微信开发Token验证失败或请求URL超时问题的解决方法
2016/09/23 PHP
php动态读取数据清除最右边距的方法
2017/04/12 PHP
Javascript实现重力弹跳拖拽运动效果示例
2013/06/28 Javascript
js使用for循环查询数组中是否存在某个值
2014/08/12 Javascript
简要了解jQuery移动web开发的响应式布局设计
2015/12/04 Javascript
利用JS生成博文目录及CSS定制博客
2016/02/10 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
jquery uploadify如何取消已上传成功文件
2017/02/08 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
JavaScript运动框架 多物体任意值运动(三)
2017/05/17 Javascript
js单页hash路由原理与应用实战详解
2017/08/14 Javascript
详解nodejs中express搭建权限管理系统
2017/09/15 NodeJs
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
2019/03/06 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
2019/10/30 Javascript
浅谈python中的getattr函数 hasattr函数
2016/06/14 Python
Python选课系统开发程序
2016/09/02 Python
python使用beautifulsoup4爬取酷狗音乐代码实例
2019/12/04 Python
CSS中越界问题的经典解决方案【推荐】
2016/04/19 HTML / CSS
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
《小小雨点》教学反思
2014/02/18 职场文书
软件工程毕业生自荐信
2014/07/04 职场文书
出售房屋委托书范本
2014/09/24 职场文书
停车位租赁协议书
2014/09/24 职场文书
消防宣传语大全
2015/07/13 职场文书
学校运动会加油词
2015/07/18 职场文书
高考百日冲刺决心书
2015/09/23 职场文书
关于考试抄袭的检讨书
2019/11/02 职场文书
golang gopm get -g -v 无法获取第三方库的解决方案
2021/05/05 Golang