拖放本地图片到网页中

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>拖放本地图片到网页中</title><style>.box{width: 500px;height:500px;}#box1{background-color: #cccccc;}</style></head><script language="JavaScript" src="js/gf.js"></script><body><div id="box1" class="box"></div><!--目标拖动进入的区域--><div id="msg" class="box"></div><!--输出，打印拖动图片时各种参数-->  </body>
</html>

js:

var box1,msg;
window.οnlοad=function(){box1=document.getElementById("box1");msg=document.getElementById("msg");box1.οndragοver=function(e){e.preventDefault();}box1.οndrοp=function(e){/*放置图片时*/e.preventDefault();getObj(e);var f=e.dataTransfer.files[0];var fr=new FileReader();fr.οnlοad=function(e){getObj(e.target);box1.innerHTML="<img src=\""+fr.result+"\"/>";}fr.readAsDataURL(f);}}function getObj(e){/*打印拖动时的各种参数*/  var s="";  for(var k in e){  s+=k+":"+e[k]+"</br>";  }  msg.innerHTML=s;
}

拖放本地图片到网页中相关推荐

如何将PDF文件或图片或网页中的公式变为可编辑的--mathpix快速输入公式
说在前面: PDF文件或图片或网页中的公式,有自己写文章或者做PPT需要的,如果公式很复杂,或者你就是懒.若是用latex写文章,就想直接把公式变为可编辑的latex格式,是用word写文章或者做PP ...
Android 加载本地图片(文件管理器中的图片墙)
Android 加载本地图片(文件管理器中的图片墙) --关于图片墙的一些感悟与疑问,希望大家共同探讨. (By伊叶也) 图片显示及监听 1.图片显示:基本上就5种显示形式(如果同时嵌入5种形式,采用 ...
图片从服务器在网页显示,Flash让服务器中图片在网页中显示的操作方法
亲们想知道Flash让服务器中图片在网页中显示的操作吗?下面就是小编整理的Flash让服务器中图片在网页中显示的操作方法,赶紧来看看吧,希望能帮助到大家哦! Flash让服务器中图片在网页中显示的操作 ...
如何将本地图片嵌入网页？
引言因为经常会用Mardown写作,图片一般是用本地图片,但是导出html的时候,图片路径还是连接到本地的图片,如果把这个网页文件放到其他地方,就找不到图片了,所以最后显示不出来.后来得知可以把图片 ...
java base64 转图片不现实_BASE64编码的图片在网页中的显示问题的解决
1.为什么要用到BASE64编码的图片信息 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一.Base64 主要不是加密,它主要的用途是把一些二进制数转成普通字符用于网络传输.由于一 ...
java实现本地图片转urljava中映射本地图片地址为url访问
1.编写一个工具类PhotoUtils实现WebMvcConfigurer,然后重写addResourceHandlers方法即可 @Component public class PhotoUtils ...
BASE64编码的图片在网页中的显示问题
BASE64位转码有两种: 一种是图片转为Base64编码,这种编码是直接可以在页面通过<img src='base64编码'/>的方式显示 Base64 在CSS中的使用 .demoIm ...
怎么在html中复制粘贴图片,在网页中粘贴截图那些事儿
原标题:在网页中粘贴截图那些事儿 (点击上方公众号,可快速关注) 作者:郑武江(@OAuth_v2) 链接:seejs.me/2016/11/30/paste-snapshot/ 做这个尝试,只为了解 ...
html多选框放在图片上,网页中图片格式问题地总结.doc
网页中图片格式问题地总结 HYPERLINK "file:///C:\\Users\\Administrator\\Desktop\\图片格式与设计那点事儿%20-%20TaobaoUED_ ...

拖放本地图片到网页中

拖放本地图片到网页中相关推荐

最新文章

热门文章