欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery Mobile + PHP实现文件上传

程序员文章站 2022-06-11 11:35:23
很简单的一个小例子 jquery mobile + php 通过超全局 $_files 上传,然后用move_uploaded_file()方法把上传的图片移动到到本地服务...

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

下面是html和php的代码

复制代码 代码如下:

<!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>创新实验</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,现在就可以将文件上传到服务器的文件夹了.