麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發 > AJAX > 正文

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

2024-09-01 08:32:37
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了自己寫的一個偽ajax圖片上傳實現代碼,需要的朋友可以參考下

復制代碼 代碼如下:


<?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" onchange = "ajaxUploadPicture.ajaxUploadFile(this);">
</body>
</html>


面向對象思想,form提交到一個隱藏的iframe,執行回調js函數。實現圖片回顯。后臺php的功能沒有完善。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 香蕉国产9 | 一级性色| 欧美一级黄色免费 | 成人羞羞视频在线观看 | 免费a级毛片永久免费 | 色呦呦一区二区三区 | 欧美日韩免费一区 | 久久精品9| 精品一区二区三区中文字幕老牛 | 91精品国产一区二区三区动漫 | 免费放黄网站在线播放 | 黄片毛片一级 | 久久激情免费视频 | 国产亚洲精品久久久久久网站 | 悠悠成人资源亚洲一区二区 | 国产精品av久久久久久网址 | 狠狠干天天操 | 日韩一级免费 | 免费淫视频 | 一及毛片视频 | 国产精品久久久久久久久久大牛 | 91九色视频在线播放 | 成人在线免费小视频 | 国产做爰全免费的视频黑人 | 久久千人斩 | 男人的天堂色偷偷 | 国产精品区一区二区三区 | 中文字幕综合在线观看 | 国产精品爱久久久久久久 | 久久久鲁| 亚洲欧美日韩在线 | 国内精品久久久久久2021浪潮 | 欧美雌雄另类xxxxx | 一区二区三区手机在线观看 | 免费视频观看 | h视频免费在线观看 | 黄色网址在线免费 | 国产88久久久国产精品免费二区 | 激情亚洲一区二区 | 成人在线精品视频 | 91 视频网站|