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

WBOY
풀어 주다: 2016-07-20 11:10:50
원래의
1126명이 탐색했습니다.

要实现异步上传图片方法有常用的有二种,一种是利用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到...
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!