网站地图    收藏   

主页 > php专栏 > php上传下载 >

php+ajax文件上传 - php上传下载

来源:自学PHP网    时间:2014-11-28 00:00 作者: 阅读:

[导读] 这是昨天在应用开发时用到的一款ajax图片上传功能了,方法很简单的就是把文件利用js给iframe来直接上传,如果上传文件成功返回1,再用js判断是否上传成功如果是就输出图片并显示预览效...

php+ajax文件上传

这是昨天在应用开发时用到的一款ajax图片上传功能了,方法很简单的就是把文件利用js给iframe来直接上传,如果上传文件成功返回1,再用js判断是否上传成功如果是就输出图片并显示预览效果,代码如下:

  1. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
  5. <title>ajax文件上传</title> 
  6. <style type="text/css"> 
  7. #f1_upload_process { display:none;} 
  8. </style> 
  9. <script language="javascript" type="text/javascript"> 
  10. <!-- 
  11.  
  12. function $(id) 
  13.  return document.getelementbyid(id); 
  14.  
  15. function startupload(){ 
  16.       if( $('myfile').value =='' ) 
  17.    { 
  18.     alert('请选择要上传图片!'); 
  19.     return false; 
  20.    } 
  21.    var array = $('myfile').value.split('.'); 
  22.    var ext = array[1].tolowercase();    
  23.    if( ext =="gif" || ext =="jpg" || ext =="png" ) 
  24.    {     
  25.     $('f1_upload_process').style.display = 'block'
  26.     $('f1_upload_form').style.display = 'block'
  27.     return true; 
  28.    } 
  29.    else 
  30.    { 
  31.    alert('只允许上传gif jpg png格式图像文件!'); 
  32.    return false;   
  33.    } 
  34.  
  35. function stopupload(success,pic){ 
  36.       var result = ''
  37.       if (success ==1 ){ 
  38.    result ='<img src='+pic+' />'; 
  39.    $('logo').value=pic
  40.       } 
  41.       else { 
  42.          result = '<span class="emsg">logo图片上传失败,请联系开发人员!</span><br/><br/>'
  43.       } 
  44.       $('f1_upload_process').style.display = 'none'
  45.       $('f1_upload_form').innerhtml = result + '<br /><label><input name="myfile" type="file" size="30" /></label><label><input type="submit" name="submitbtn" class="sbtn" value="上传图片" /></label>'; 
  46.       $('f1_upload_form').style.display = 'block';      
  47.       return true;    
  48.  
  49. //--> 
  50. </script>  
  51. </head> 
  52.  
  53. <body> 
  54. <form action="upload.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="javascript:return startupload();" > 
  55.      <span id="f1_upload_process"><img src="loader.gif" /></span> 
  56.      <span id="f1_upload_form" align="center"> 
  57.        <input name="myfile" type="file" id="myfile" size="30" />    
  58.        <input type="submit" name="submitbtn" class="sbtn" value="上传图片" /> 
  59.          
  60.      </span> 
  61.       
  62.      <iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;border:0px solid #fff;"></iframe> 
  63.  (可上传 gif,jpg,png) 
  64. </form> 
  65. </body> 
  66. </html> 

upload.php,代码如下:

  1. <?php 
  2.    $destination_path = '../../upfile/jianjulogo/';//getcwd().directory_separator; 
  3.  
  4.    $result = 0; 
  5.     
  6.    $target_path = $destination_path . basename$_files['myfile']['name']); 
  7.  
  8.    if(@move_uploaded_file($_files['myfile']['tmp_name'], $target_path)) {//开源代码phpfensi.com 
  9.       $result = 1; 
  10.    } 
  11.    echo $target_path
  12.    sleep(1); 
  13.  
  14.  
  15. ?> 
  16. <script language="javascript" type="text/javascript">window.top.window.stopupload(<?php echo $result; ?>,'<?=$target_path?>');</script>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论