首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)

摘要 本人个人nodejs分享论坛:tnodejs.com 参考:http://blog.csdn.net/nhconch/article/details/7295456 需要解决的问题有:本地图片如何在上传前预览...、编辑; 最近发现这个功能很多是基于flash实现的,很多JavaScript实现的代码兼容性都很差,特别是在IE和firefox和chrome三个浏览器上不兼容。...代码实现主要利用到jquery插件imgAreaSelect,FileReader对象(chrome和ff获取本地图片数据的接口),IE滤镜效果。...关键词:imgAreaSelect FileReaderdocument.selection.createRange() IE滤镜效果 一、实现上传前预览 1.1、页面显示 代码1-1显示的是html...{ var porImg = $('#biuuu'),//首先获取大图片jquery对象 viewImg = $('#view');//小图片jquery对象 //判断该浏览器是否为w3c标准,既非IE

1.7K60

可视化:覆盖全球的网络攻击如何展现?

前端开发者最要命也是最痛恨的是用户浏览器的兼容问题,尤其是大量过时的 IE 浏览器。 所以在全球分布图的方案上,除了 3D,我们还提供了备选的平面图版本。...还可以根据需要选择地图,常用的有全球国家/地区,中国省份地图,美国各州地图等。支持 IE6。 做平面图还可以直接使用 Google Maps API ,而且浏览器兼容性也不错。...可能唯一的缺点就是会遇上我朝特有的偶发性打不开网页的情况了。 当然,百度什么的也是不错的。 说到热力图,不得不说 heatmap.js。...由于 heatmmap.js 使用了 canvas 进行渲染,官方不支持低版本的 IE 浏览器,至于是否可以使用 explorercanvas - HTML5 Canvas for Internet Explorer...heatmap.js 与 Google 地图结合的例子可以参考这个:heatmap.js Examples: Google Maps Heatmap Layer 在 HeartBleed 风波后,ZoomEye

1.5K60

three.js 绘制3d地图

这篇郭先生就来说说使用three.js几何体制作3D地图。...在线案例点击3D中国地图 地图的数据是各个地图块的点数组,通过THREE.ExtrudeGeometry方法挤压出地图的版块,然后通过THREE.Line方法画出地图的分割线。...地图的数据参见DATAV.GeoAtlas,鼠标悬浮到地图版块高亮,效果如图 image.png 1.得到数据,遍历数据,处理数据 drawMap() { this.worldGeometry...传递数据画出地图的shape,返回结果再传到drawExtrude方法得到ExtrudeGeometry网格。...} }, 主要代码部分就是这样,我们也可以在颜色改变时加入一些渐变动画,three.js可以写出各种各样的地图,这是入门级的版本,希望给萌新一些启发。 转载请注明地址:郭先生的博客

10.3K20
领券