一个伪ajax图片上传代码的例子
发布日期:2021-10-24 16:04:25 浏览次数:5 分类:技术文章

本文共 1449 字,大约阅读时间需要 4 分钟。

一个伪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> 
// www.jbxue.com
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的功能没有完善。
posted on
2014-03-18 06:37 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/linuxnotes/p/3606733.html

转载地址:https://blog.csdn.net/weixin_30802171/article/details/98175795 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:WPF中使用后台代码来控制TreeView的选择项(SelectedItem)以及展开节点操作
下一篇:nodejs基本

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年03月23日 16时54分12秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

gmat阅读.html,GMAT阅读“Ecoefficiency”文章深度分析 2019-04-21
html5 带图片导航,html5 带声音的导航 2019-04-21
point 如何求elbow_机器人学——实践一(Arm Navigation 理论+代码) 2019-04-21
avs3 mkv格式封装_将你的视频无损封装成MP4,非转码哦! 2019-04-21
java http服务端_HTTP协议经典面试题整理及答案详解 2019-04-21
mysql 递归查找父节点_数据结构与算法—浅显易懂的二叉排序(查找)树 2019-04-21
body里写注释 postman_使用 Postman 做 API 自动化测试 2019-04-21
python3的配置文件类单例实现_Servlet是单例还多例 2019-04-21
写一个饿汉单例模式的例子_看完这篇单例模式,终于敢和面试官对线了 2019-04-21
华为手机的分类有何区别_动画有哪些分类?又有何区别? 2019-04-21
编程迷宫_跟我学编程第十期——迷宫游戏 2019-04-21
一键生成安卓证书_【带壳截图+电影台词 生成器】 2019-04-21
北斗轨迹记录_北斗定位+智慧4G视频校车行业解决方案 2019-04-21
存放哪些内容 项目中vuex_房屋安全鉴定中房屋抗震检测内容有哪些 2019-04-21
extjs的panel怎么自适应高度_Ext Js自适应高度 2019-04-21
ilm 和dlm差异_Oracle 的信息生命周期管理工具(ILM assistant) 2019-04-21
斥候密报_斥候密报《最强王者》三国幕后巾帼之黄月英_吉吉建站手游网 2019-04-21
python的循环控制结构是什么_7.Python控制和循环结构 2019-04-21
python 死循环插曲变量_FishC03 讲:python小插曲之变量和字符串 2019-04-21
车型代号对照表_车型代号对照表_相关文章专题_写写帮文库 2019-04-21