首頁 >php教程 >php手册 >[PHP]移动端网页如何使用JqueryMobile+PHP实现上传图片的功能

[PHP]移动端网页如何使用JqueryMobile+PHP实现上传图片的功能

WBOY
WBOY原創
2016-06-06 19:57:181254瀏覽

保存被上传的文件 上面的例子在服务器的 PHP 临时文件夹创建了一个被上传文件的临时副本。 这个临时的复制文件会在脚本结束时消失。要保存被上传的文件,我们需要把它拷贝到另外的位置: ?phpif ((($_FILES[file][type] == image/gif)|| ($_FILES[file][type

保存被上传的文件

上面的例子在服务器的 PHP 临时文件夹创建了一个被上传文件的临时副本。

这个临时的复制文件会在脚本结束时消失。要保存被上传的文件,我们需要把它拷贝到另外的位置:

<?php if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/pjpeg"))
&& ($_FILES["file"]["size"] < 20000))
  {
  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"];
      }
    }
  }
else
  {
  echo "Invalid file";
  }
?>


上面的脚本检测了是否已存在此文件,如果不存在,则把文件拷贝到指定的文件夹。

注意,要在目录下创建 "upload"文件夹要不然会出现错误。



前面这些内容在W3C中都可以找到相应的介绍,接下来就是把PHP和JqueryMobile结合起来实现图片上传了。

本以为简单的加上Mobile的东西就行了,但是问题出现了:使用了JqueryMobile之后出现了无限Loading的情况、

原因是JQM把表单提交做成了异步,只需要在form中加上 data-ajax="false" 即可。


完整步骤如下:

先是用户页面index.php:





	<meta http-equiv="Content-Type" content="text/html;  charset=utf-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css">
	<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>




<div data-role="page">

	<div data-role="header">
		<h1>演示PHP上传文件</h1>
	</div>
<!-- /header -->

	<div data-role="content">
		<form action="upload_file.php" method="post" enctype="multipart/form-data" data-ajax="false">
		<label for="file">文件名称</label>
		<input type="file" name="file" id="file"> 
		<br>
		<input type="submit" name="submit" value="上传!">
		</form>
	</div>
<!-- /content -->

	<div data-role="footer">
		<h4>存到upload文件夹</h4>
	</div>
<!-- /footer -->

</div><!-- /page -->



陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn