最近 在搞图片上传,上传前总是要预览下吧,考虑经过后台交互后将临时文件下载预览又未免太麻烦,自然就想写个纯前台的js预览,大概查询了下资料最后得出如下结论
测试地址 :[url]http://zucou.com/preview/ [/url]
1 ie 6版本下的 直接img src 给予 file.value 即可显示图片
2 ie 7++ 由于ms 安全性要求 不支持 直接显示 所以 我们采用 css中的 滤镜 做一个 遮罩
3 firefox 4 以下的版本 支持 getAsDataURL () 方法 这个方法 将 img的全路径 读取出来 然后 放到 img 的src 下
4 firefox 4++ 后 也是考虑安全问题 将 getAsDataURL 方法 删除了(安全永远是问题) 所以 新版浏览器 在通常的 js 技术下 都不支持 预览 很多就选择了 上传服务器
5 chrome 的横空出世 未曾给我们带来 js 对 文件(尤其图片)的美好支持,其实如果js 读文件很好支持的话 确实太危险了。。。
6 由于 ff 4++ 和chorme 等都支持 html5 那么 自然 就支持 html5中的 fileReader 对象了 ,此对象 有方法 可以将 图片读取并且 进行 base64编码 那么自然 就ok了
7 增加图片格式验证 以及根据需要 等比例压缩图片
分享到:
相关推荐
├── lightbox2 图片预览组件 ├── html5shiv.js html5插件,让低版本IE支持html5元素 ├── DD_belatedPNG_0.0.8a-min.js 解决IE6png透明 ├── swfobject.js Flash插件 ├── expressInstall.swf 检查flash...
Peach-Print是一套Web打印服务解决方案。打印后台组件基于JAVA平台;...js代码与打印控件交互使用http协议,网页通过向本地控件发送post请求,调用控件打印。 说明文档:https://ctxb2004.gitee.io/peach-printer/
2.同时实现母板和子页框架嵌套,MD5加密,天气接口,LIstview表单事件,图片预览,JSON对象和串的传递和解析;3.实现了Ajax刷新,轮播图片;4.GPRS定位,导航和路径规划;5.后台采用接口进行数据传输;后端接口采用...
vue-niceadmin-pro后台管理系统自用 预览地址 登录 目录结构 | --dist生成打包后的文件 | --node_modules安装的依赖包 | --public静态资源会被输出到目录dist | --src | | --apis与预先交互使用相关方法和配置 | |-...
2.同时实现母板和子页框架嵌套,MD5加密,天气接口,LIstview表单事件,图片预览,JSON对象和串的传递和解析;3.实现了Ajax刷新,轮播图片;4.GPRS定位,导航和路径规划;5.后台采用接口进行数据传输,页面传值采用...
前端: 用Dcloud 的 uni-app全系,基于vue.js和微信小程序开发模式。 目前支持APP(android、ios...图片可以预览。 站内公告:在顶部显示可以及时显示后台发布的公告。 添加朋友:可以搜索对方的帐号名称然后添加到通
14.支持简洁高效的编程接口 可使用Javascript和VBScript对控件进行编程。可以完全控制Office文档。 15.支持HTTP协议,HTTPS OVER SSL协议 对HTTPS协议的支持使得可以创建更加安全的应用。并且自动支持Session ...
Js+Jq+sweetalert插件等实现交互 Ajax实现数据批量操作 表单的规范性校验 后台 Php后台语言 MySql数据库 前台展示页面 前台页面由5部分组成: 主页 导航栏目 banner轮播 客房预览 最新动态 酒店介绍 客房预订 客房...
4. 学会使用 基于Vue的插件, 如vue-seamless-scroll实现无缝滚动,v-viewer实现图片预览,ly-tab实现触摸滑动并具有回弹效果等 5. 学会使用 mint-ui、muse-ui和element-ui 组件库构建界面 6. 学会使用 mockjs 模拟...
支持内容、列表分页采集、多重过滤和内容字符替换:支持远程保存图片、批量入库操作、可预览采集结果。 9、Ajax评论功能: 目前最流行的评论功能,实现无刷新添加评论,良好的用户体验,且后台可以启用审核与非审核...
javascript基本预览 javascript字符串操作以及跑马灯实例 javascript数组和字典以及for循环 javascript条件语句 javascript函数的定义 Dom直接选择器 Dom间接选择器 示例之模态对话框 示例之全选和反选以及取消 ...
★ 支持从服务器URL或本地直接插入透明浮动图片到Word,Excel文档 新增加的AddPicFromURL和AddPicFromLocal函数可以直接从URL或本地插入透明的浮动图片到Office文档 ★ 支持将手工绘制的图片作为透明浮动的图片增加...
后台自动生成调用代码,支持即时预览,全ASP模板开发,方便大家自由增减页面功能; 网站系统所有上传接口均使用最新版《阿赛文件上传系统》,安全性和实用性极高; 全站启用随机验证码和内设验证码双保险验证提交...
图片可以预览。 站内公告:在顶部显示可以及时显示后台发布的公告。 添加朋友:可以搜索对方的帐号名称然后添加到通讯录;添加前需要好友验证才能通过。 群聊:显示群聊信息。 列表:根据字母分组显示联系人;点击...
订单退款处理,促销活动生成等用户管理,包括用户控制,冻结,解锁等权限管理,整个网站的权限控制,采用智威汤逊鉴权方案,对用户及API进行权限控制预览图:前台门户前台门户面向的是客户,包含与客户交互的一切功能...
后台自动生成调用代码,支持即时预览,全ASP模板开发,方便大家自由增减页面功能;网站系统所有上传接口均使用最新版《阿赛文件上传系统》,安全性和实用性极高;全站启用随机验证码和内设验证码双保险验证提交数据...
如果想实现更加复杂的交互应用,或者希望xhEditor编辑器能够和自己的Javascript代码实现互相访问,那么你可以选择使用方法2,相对具有更大的自由空间。 xhEditor也提供了即时的卸载编辑器方法: $('#elm1')....
(5)贴图功能 可设置图片大小, 并且可以预览 (6)清除聊天消息记录 (7)声音功能 并可手动关闭和打开 (8)头像 (9)表情 另内里有桌面版和源程序,服务器端口设置了1215 ---------------------------------------------...
mxp/以前的连接外部javascript文件的插件都做的一般,使用不直观,这个在object面板中加入了一个按钮,使用方便多了 mxp/使页面中的图片都恢复到原始大小,可以作用到单个页面或者整个站点,甚至是site窗口选中的...
NTKO OFFICE文档控件支持...使用当前页面的Session Cookie和服务器进行交互。 28 支持各种手写笔录入,签名,绘图/批注 支持键盘录入,各种手写笔(汉王、蒙恬、联想)录入方式和使用手写笔手写签名,手工绘图/批注