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中MD5函数使用实例代码
Jun 07 PHP
Apache2中实现多网站域名绑定的实现方法
Jun 01 PHP
PHP url 加密解密函数代码
Aug 26 PHP
探讨php中header的用法详解
Jun 07 PHP
PHP URL参数获取方式的四种例子
Feb 28 PHP
php实现在线通讯录功能(附源码)
May 13 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
May 23 PHP
php实现文件管理与基础功能操作
Mar 21 PHP
thinkphp3.2嵌入百度编辑器ueditor的实例代码
Jul 13 PHP
PHP实现的登录页面信息提示功能示例
Jul 24 PHP
Laravel框架路由和控制器的绑定操作方法
Jun 12 PHP
PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
May 13 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调用Linux的命令行执行文件压缩命令
2013/01/27 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
PHP callback函数使用方法和注意事项
2015/01/23 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
PHP文件上传小程序 适合初学者学习!
2019/05/23 PHP
ExtJS GTGrid 简单用户管理
2009/07/01 Javascript
Mootools 1.2教程 滑动效果(Slide)
2009/09/15 Javascript
prototype 中文参数乱码解决方案
2009/11/09 Javascript
读jQuery之四(优雅的迭代)
2011/06/20 Javascript
19个很有用的 JavaScript库推荐
2011/06/27 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
2013/04/26 Javascript
js setTimeout()函数介绍及应用以倒计时为例
2013/12/12 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
js星星评分效果
2014/07/24 Javascript
jQuery使用$.ajax进行即时验证实例详解
2015/12/11 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
2018/04/17 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
让Vue也可以使用Redux的方法
2018/05/23 Javascript
详解vue-cli3使用
2018/08/14 Javascript
Python中用altzone()方法处理时区的教程
2015/05/22 Python
Python实现的简单模板引擎功能示例
2017/09/02 Python
python实现12306抢票及自动邮件发送提醒付款功能
2018/03/08 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
使用Python实现图像标记点的坐标输出功能
2019/08/14 Python
pycharm 更改创建文件默认路径的操作
2020/02/15 Python
python利用os模块编写文件复制功能——copy()函数用法
2020/07/13 Python
Python高并发和多线程有什么关系
2020/11/14 Python
印度购物网站:TATA CLiQ
2017/11/23 全球购物
某IT外企面试题-二分法求方程!看看大家的C++功底
2015/07/04 面试题
会计系中文个人求职信
2013/12/24 职场文书
活动总结结尾怎么写
2014/08/30 职场文书
天气温馨提示语
2015/07/14 职场文书
2015年全民创业工作总结
2015/07/23 职场文书
pandas 操作 Excel操作总结
2021/03/31 Python
python实现简单反弹球游戏
2021/04/12 Python