当前位置：首页 > PHP教程 > php上传下载 > 列表

jQuery Mobile + PHP实现文件上传

发布:smiling　来源: PHP粉丝网 　添加日期：2021-05-03 15:28:15　浏览: 评论：0　

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

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

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.                 <meta charset = "utf-8"> 
  5.                 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> 
  6.                 <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
  7.                 <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
  8. </head> 
  9. <body> 
  10.         <div data-role="page" id="upload" > 
  11.                <div data-role="header"  > 
  12.                                 <h1>校园祭</h1> 
  13.                                 <a href="#pageone" data-rolr = button data-icon="home" class="ui-btn-left" >首页</a> 
  14.                 </div> 
  15.                 <div data-role="content" > 
  16.                 <form action="upload_file.php" method="post" enctype="multipart/form-data" data-ajax="false"> 
  17.                                 <input  id="uploadimg" name="file"  type="file"  runat="server" method="post" 
  18.                                                enctype="multipart/form-data" data-inline="true"  data-ajax="false" /> 
  19.                                 <center><button  data-inline="true"  >上传</button></center> 
  20.                 </form> 
  21.                 </div> 
  22.                 <div data-role="footer" data-position="fixed" data-fullscreen="true"> 
  23.                                 <h1>创新实验</h1> 
  24.                 </div> 
  25.        </div> 
  26. </body> 
  27. </html> 
  28.  
  29. <?php 
  30.         if ($_FILES["file"]["error"] > 0) 
  31.         { 
  32.                 echo "Return Code: " . $_FILES["file"]["error"] . "<br />"; 
  33.         } 
  34.         else 
  35.         { 
  36.                echo "Upload: " . $_FILES["file"]["name"] . "<br />"; 
  37.                 echo "Type: " . $_FILES["file"]["type"] . "<br />"; 
  38.                echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />"; 
  39.                 echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br />"; 
  40.                 if (file_exists("upload/" . $_FILES["file"]["name"])) 
  41.                 { 
  42.                         echo $_FILES["file"]["name"] . " already exists. "; 
  43.                 } 
  44.                 else 
  45.                 { 
  46.                         move_uploaded_file($_FILES["file"]["tmp_name"], 
  47.                        "upload/".$_FILES["file"]["name"]); 
  48.                         echo "Stored in: "  ."upload/". $_FILES["file"]["name"]; 
  49.                 } 
  50.         } 
  51. } 
  52. ?> 

代码很简单，但是使用过程中却发现一个问题，自己试了好久都上传不了

询问了小伙伴后,发现问题所在是文件权限不足,从而限制了网页上传图片到文件夹中.所以解决办法就是把文件夹的权限问题解决掉.代码如下:

$ cd /var/www

$ sudo chmod -R  777  html

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

Tags: PHP文件上传 jQuery文件上传

分享到：

相关文章

推荐文章

热门文章

最新评论文章