效果图: HTML结构如下: <div id="preview"> <div id="mediumDiv"> <img id="mImg" src="images/products/product-s1-m.jpg"/> <div id="mask"></div> <div id="superMask"></…

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 最近在项目上加一个图片裁剪上传的功能,用的是cropper插件,注意到选择本地图片后就会有预览效果,这里整理一下这种预览效果的实现原理: 实现原理 通过input的 type = file属性和js的内置FileReader对象,利用FileReader对象的readAsDataURL方法,把图片数据转成base64字符串数据,然后把这个base64字符串数据赋值给一个图片标签的src. 伪代码 //input标签,获…

基本要求 一个riot标签,就是展现和逻辑的组合(也就是html和JS): 以下是编写riot标签最基本的规则: 先撰写HTML,再撰写JS,JS代码可以写在<script>标签内部,但这并不是必须的: 当riot标签定义在document body之内时,其内部不能使用script标签: 当riot标签定义在单独的文件中时,其内部才可以使用script标签: 如果JS代码可以不写在<script>标签内部, 那我们就认为最后一个HTML标签结尾之后就是JS代码: riot标签可以…

参考:http://smotive.iteye.com/blog/1903606 大部分我也是根据他的方法修改的,我也要根据name实现动态的多文件上传功能,但是有个问题使我一直无法实现多文件上传. 就是我发现上传到后台的文件的数目是你要上传数量的平方.找了很久才发现这是因为他的代码还是有点小问题: 前段时间做项目有个一个实现多文件上传的功能,因为以前也没有接触过,于是花了好几天时间才给弄好了,但是回头一看也没什么,咋就花了那么长时间呢,看来自己的效率有待提高啊.axFileUpload.js里…

这里收集的都是个人认为比较好的js框架.组件 js前端ui框架 此处列举出个人认为最好的几个框架(排序即排名),现在好点的框架商用都需要付费,以下几个也不例外,但是由于组件丰富,都可以作为企业应用的完整解决方案. Kendo UI 商用收费,组件丰富,界面简洁美观,有jQuery和angular两个js的版本 Webix 商用收费,组件丰富,界面特别美观 JQwidgets 商用收费,丰富的组件,有angular2.React.jquery以及ASP.NET MVC版本 Wijmo 商用收费,看…

需求: 使用JS实现PDF文件预览功能 备选方案: 使用ViewerJS,官网  http://viewerjs.org/ 使用PDFJS,官网  https://mozilla.github.io/pdf.js/ 结论: 通过研究发现,Viewer JS预览pdf文件,其pdf文件只能url地址,不支持获取文件流到客户端,生成blob地址预览.而PDFJS能够支持 代码实践: <div class="modal inmodal fade" id="previewMod…

前言 需求在微信网页中客户点击图片可进行预览放大缩小功能,网上找了各种js方式实现, 唯一的麻烦就是不兼容或者和项目框架不兼容 次函数只只用于部分客户端,否则会出现 WeixinJSBridge is not 引入js文件 <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" charset="utf-8"></script> 代码块 //微信预览器 $(document).o…

CRC  又称为CRC索引卡片:CRC card  每张卡片代表一个类 Each card represents one class  每张卡片上写出这个类承担的职责.与其合作交互的其他类名    CRC cards are paper index cards on which one writes the responsibilities and collaborators of classes  CRC建模讨论会  a group sitting around a table, d…

背景 28181协议全称为GB/T28181<安全防范视频监控联网系统信息传输.交换.控制技术要求>,是由公安部科技信息化局提出,由全国安全防范报警系统标准化技术委员会(SAC/TC100)归口,公安部一所等多家单位共同起草的一部国家标准(以下简称28181). 28181协议在全国平安城市.交通.道路等监控中广泛采用,若想做统一的大监控平台,则支持28181协议接入是必不可少的.如今很多客户都是想在之前使用的28181平台的基础上进行拓展. EasyDSS云平台目标支持市面上绝大多数监控设备…

介绍完FTP协议后,来看看该软件完成后的效果图 客户端的主界面如上图所示,主要是分为以下几个界面: 数据输入界面:用来让用户输入服务器的地址,用户名,密码,端口号等. 站点菜单.本地菜单.远程菜单以及帮助菜单. 本地文件信息显示界面:主要是用来显示本地文件列表以及文件详情,以及对文件进行相关操作. 远程文件信息显示界面:主要是用来显示远程FTP服务器端文件列表以及文件详情,以及对文件进行相关操作. 上传下载队列显示界面:显示正在下载或者上传的文件线程的进度. 下载测试 1.下载前选好要下载到的目…