程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 更多關於編程 >> 一個偽ajax圖片上傳代碼實現示例

一個偽ajax圖片上傳代碼實現示例

編輯:更多關於編程

     這篇文章主要介紹了自己寫的一個偽ajax圖片上傳實現代碼,需要的朋友可以參考下

     代碼如下: <?php  if($_FILES){  ?>  <script>  window.parent.ajaxUploadPicture.uploadCallback('http://img0.bdstatic.com/img/image/5099213b07eca8065380ce 7f75e95dda144ad348269.jpg');  </script>  <?php  die;  }  ?>  <!DOCTYPE html>  <html>  <head>  <script>      ajaxUploadPicture = { $o1:'' };      ajaxUploadPicture.ajaxUploadFile = function ($o){  this.$o1 = $o;  var $iframe = document.createElement('iframe');  $iframe.style.display = 'none';  $iframe.name = 'iframe';  $iframe.id = 'iframe';  document.body.appendChild($iframe);      var $form = document.createElement("form");  $form.method = "post";  $form.enctype = "multipart/form-data";  $form.action = "";  $form.target = 'iframe';  $newO = $o.cloneNode();  $form.appendChild($newO);  $form.submit();  }  ajaxUploadPicture.uploadCallback = function ($url){    $pic = document.createElement('img');  $pic.width = "200";  $pic.height = "150";  $pic.src = $url;    if(document.getElementById('picshow') == null){  $div = document.createElement("div");  $div.id = 'picshow';  this.$o1.parentNode.insertBefore($div,this.$o1.nextSibling);  }else{  $div = document.getElementById('picshow');  }  $div.innerHTML = '';  $div.appendChild($pic);  };  </script>  </head>  <body>  <input type="file" name="file" onchange = "ajaxUploadPicture.ajaxUploadFile(this);">  </body>  </html>    面向對象思想,form提交到一個隱藏的iframe,執行回調js函數。實現圖片回顯。後台php的功能沒有完善。   
    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved