主頁(yè) > 知識(shí)庫(kù) > 一個(gè)偽ajax圖片上傳代碼實(shí)現(xiàn)示例

一個(gè)偽ajax圖片上傳代碼實(shí)現(xiàn)示例

熱門標(biāo)簽:襄陽(yáng)外呼系統(tǒng)接口 百靈鳥(niǎo) 徐州電銷卡外呼系統(tǒng)供應(yīng)商 青海醫(yī)療智能外呼系統(tǒng)怎么樣 老虎郵局地圖標(biāo)注點(diǎn) 目標(biāo)三維地圖標(biāo)注 科智聯(lián)智能電銷機(jī)器人 上海浦東百度地圖標(biāo)注中心注冊(cè) 外呼系統(tǒng)獲取客戶手機(jī)號(hào)
復(fù)制代碼 代碼如下:

?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ū)ο笏枷耄琭orm提交到一個(gè)隱藏的iframe,執(zhí)行回調(diào)js函數(shù)。實(shí)現(xiàn)圖片回顯。后臺(tái)php的功能沒(méi)有完善。
您可能感興趣的文章:
  • php ajax無(wú)刷新上傳圖片實(shí)例代碼
  • Javascript異步表單提交,圖片上傳,兼容異步模擬ajax技術(shù)
  • Jquery ajaxsubmit上傳圖片實(shí)現(xiàn)代碼
  • JQuery+ajax實(shí)現(xiàn)批量上傳圖片(自寫(xiě))
  • jquery的ajaxSubmit()異步上傳圖片并保存表單數(shù)據(jù)演示代碼
  • swfupload ajax無(wú)刷新上傳圖片實(shí)例代碼
  • php+ajax實(shí)現(xiàn)圖片文件上傳功能實(shí)例
  • 自己動(dòng)手打造ajax圖片上傳(網(wǎng)上沒(méi)有的)
  • jquery+php+ajax顯示上傳進(jìn)度的多圖片上傳并生成縮略圖代碼
  • PHP+jQuery+Ajax實(shí)現(xiàn)多圖片上傳效果

標(biāo)簽:荊州 紅河 辛集 佛山 股票 咸寧 商洛 揭陽(yáng)

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《一個(gè)偽ajax圖片上傳代碼實(shí)現(xiàn)示例》,本文關(guān)鍵詞  一個(gè),偽,ajax,圖片,上傳,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《一個(gè)偽ajax圖片上傳代碼實(shí)現(xiàn)示例》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于一個(gè)偽ajax圖片上傳代碼實(shí)現(xiàn)示例的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章