Heim > Backend-Entwicklung > PHP-Tutorial > php 异步上传图片几种方法总结_PHP教程

php 异步上传图片几种方法总结_PHP教程

WBOY
Freigeben: 2016-07-20 11:10:50
Original
1155 Leute haben es durchsucht

要实现异步上传图片方法有常用的有二种,一种是利用iframe实现,另一种是借助于ajax来实现一般用第三方插件了。

上传图片form提交target到一个隐藏的iframe里,

 代码如下 复制代码

form action="upload.php" id="form1" name="form1" enctype="multipart/form-data" method="post" target="uploadIframe">


然后后台处理完上传图片逻辑后返回给前台,利用ajax修改当前页面DOM对象实现无刷新上传图片的友好功能。

实例

 代码如下 复制代码

a.html

 


       
       
       
 

PHP代码:

 代码如下 复制代码
if ($_FILES["test_file"]["error"] > 0)
  {
  echo "Error: " . $_FILES["test_file"]["error"] . "
";
  }
else
  {
//这里的判断图片属性的方法就不写了。自己扩展一下。
  $filetype=strrchr($_FILES["test_file"]["name"],".");
  $filetype=substr($filetype,1,strlen($filetype));
  $filename="img/".time("YmdHis").".".$filetype;
  move_uploaded_file($_FILES["test_file"]["tmp_name"],$filename);
  echo '<script>alert(1)</script>';
  $return="parent.document.getElementByIdx_x('mpic".$pageset_id."').innerHTML='".$dataimgpath."'";
  echo "<script>alert('上传成功')</script>";
  echo "<script>{$return}</script>";
  }
?>

其实jquery ajax图片异步上传

HTML:

br />    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


  图片异步上传




 

 

  
 

 
 

 

 



 

index.js

$(function(){
 $("#upload_file").change(function(){
   $("#uploadFrom").submit();
 });
});


function stopSend(str){
 var im="php 异步上传图片几种方法总结_PHP教程";
 $("#msg").append(im);

}

 

upload.php

 $file=$_FILES['upfile'];
 $name=rand(0,500000).dechex(rand(0,10000)).".jpg";
 move_uploaded_file($file['tmp_name'],"upload/images/".$name);

//调用iframe父窗口的js 函数

 echo "<script>parent.stopSend('$name')</script>";
?>


www.bkjia.comtruehttp://www.bkjia.com/PHPjc/444678.htmlTechArticle要实现异步上传图片方法有常用的有二种,一种是利用iframe实现,另一种是借助于ajax来实现一般用第三方插件了。 上传图片form提交target到...
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage