欢迎来到山村网

一个伪ajax图片上传代码实现示例

2019-03-02 11:21:16浏览:383 来源:山村网   
核心摘要:这篇文章主要介绍了自己写的一个伪ajax图片上传实现代码,需要的朋友可以参考下代码如下:?phpif($_FILES){?scriptwindow.parent.a

这篇文章主要介绍了自己写的一个伪ajax图片上传实现代码,需要的朋友可以参考下

代码如下:<?phpif($_FILES){?><script>window.parent.ajaxUploadPicture.uploadCallback('http://img0.bdstatic.com/img/image/5099213b07eca8065380ce7f75e95dda144ad348269.jpg');</script><?phpdie;}?><!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的功能没有完善。
(责任编辑:豆豆)
下一篇:

批处理杨辉三角效果实现代码

上一篇:

实现类似facebook无刷新ajax更新

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com