 
<?php 
if($_FILES){ 
?> 
<script> 
window.parent.ajaxUploadPicture.uploadCallback('http://img0.bdstatic.com/img/image/5099213b07eca8065380ce7f75e95dda144ad348269.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> 

面向?qū)ο笏枷?，form提交到一個(gè)隱藏的iframe，執(zhí)行回調(diào)js函數(shù)。實(shí)現(xiàn)圖片回顯。后臺(tái)php的功能沒(méi)有完善。

您可能感興趣的文章:

相關(guān)文章

Ajax實(shí)現(xiàn)上傳圖像功能的示例詳解
這篇文章主要介紹了如何利用Ajax實(shí)現(xiàn)上傳圖像,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2022-04-04
AJAX驗(yàn)證數(shù)據(jù)庫(kù)內(nèi)容并將值顯示在頁(yè)面
光標(biāo)離開(kāi)文本框，在本頁(yè)面的相應(yīng)地方獲取數(shù)據(jù)庫(kù)中改值所對(duì)應(yīng)的其他數(shù)據(jù)，相應(yīng)的實(shí)現(xiàn)代碼如下，感興趣的朋友可以看看
2014-08-08
Ajax核心技術(shù)代碼分享
這篇文章主要介紹了Ajax核心技術(shù)代碼,需要的朋友可以參考下
2014-05-05
ajax后臺(tái)處理返回json值示例代碼
很多的新手朋友們不知道ajax如何處理返回json值，在本文將為大家詳細(xì)介紹下
2013-09-09
ajax中文亂碼問(wèn)題解決方案
ajax中文亂碼問(wèn)題在中文中經(jīng)常會(huì)出現(xiàn)這種問(wèn)題，其實(shí)只要稍加注意就不會(huì)出現(xiàn)ajax中文亂碼這回事情了，接下來(lái)為大家詳細(xì)介紹下如何解決這類問(wèn)題
2013-04-04
JQuery中$.ajax()方法參數(shù)詳解
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。本文跟大家介紹JQuery中$.ajax()方法參數(shù)詳解，小伙伴們一起學(xué)習(xí)吧
2015-10-10
ajax 服務(wù)器文本框自動(dòng)填值
最近二天。項(xiàng)目做完了。閑著沒(méi)事做就自己寫(xiě)了一點(diǎn)東西。在寫(xiě)的過(guò)程中。發(fā)現(xiàn)利用服務(wù)器的文本框去查找用戶的相關(guān)信息的時(shí)刻總要去刷新頁(yè)面。
2009-06-06
AJAX提交與FORM提交的區(qū)別說(shuō)明
本篇文章主要是對(duì)AJAX提交與FORM提交的區(qū)別進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02
Ajax的內(nèi)部實(shí)現(xiàn)機(jī)制、原理與實(shí)踐小結(jié)
AJAX全稱為"Asynchronous JavaScript and XML"（異步JavaScript和XML），Ajax不是一個(gè)技術(shù)，它實(shí)際上是幾種技術(shù)，每種技術(shù)都有其獨(dú)特這處，合在一起就成了一個(gè)功能強(qiáng)大的新技術(shù)。
2010-06-06
jquery ajax實(shí)現(xiàn)批量刪除具體思路及代碼
回調(diào)函數(shù)，在請(qǐng)求完成后需要進(jìn)行的操作：此處是把選中的checkbox去掉，接下來(lái)為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
2013-04-04