人员表格中实现照片预览，并且可点击放大。查看原图

js

//定义列

var cols = [

[{

type: 'radio',

width: 60

}, {

type: 'numbers',

width: 50

}, {

field: 'org_id',

title: '所属单位',

align: 'center',

templet: function(d) {

return LocalData.getOrg().name;

}

}, {

field: 'name',

minWidth: 150,

title: '人员名称',

align: 'center'

}, {

field: 'type',

minWidth: 150,

title: '人员类型',

align: 'center',

templet: function(d) {

return loadEnum.getValue("duty_type", d.type);

}

}, {

field: 'phone1',

title: '联系方式1',

minWidth: 150,

align: 'center'

}, {

field: 'phone2',

title: '联系方式2',

minWidth: 150,

align: 'center'

}, {

field: 'url',

title: '照片缩略图',

width: 100,

align: 'center',

templet: function(d) {

//return "

var url ="/img/duty/no_pic.jpg";

if(!comm.isEmpty(d.url)){

url = datum.formatUrl(d.url);

}

return '' +

'' +

'';

}

}, {

field: 'on_duty',

minWidth: 200,

title: '上岗状态',

align: 'center',

templet: function(d) {

return loadEnum.getValue("duty_state", d.on_duty);

}

}, {

fixed: 'right',

width: 100,

title: '操作',

align: 'center',

toolbar: '#optButton'

}]

];

效果

​

移动端上传照片 预览+Draw on Canvas's Demo(解决 iOS 等设备照片旋转 90 度的 bug)

背景: 本人的一个移动端H5项目,需求如下: 需求一:手机相册选取或拍摄照片后在页面上预览 需求二:然后绘制在canvas画布上 这里,我们先看一个demo(http://jsfiddle.net/q ...

在sublime text 3中设置浏览器预览快捷键

1.安装 SideBarEnhancements ctrl+shift+p,进入命令模式,然后输入package control(或者直接输 pci 或许也行),回车: 输入:SideBarEnhan ...

[js开源组件开发]-手机端照片预览组件

手机端照片预览组件 可怜的我用着华为3C手机,用别人现成的组件都好卡,为了适应我这种屌丝,于是自己简化写了一版的照片预览效果,暂时无缩放功能,以后可能有空再加吧,你也可以自己加下,这是个github上 ...

Android Studio xml文件中的布局预览视图

操作系统:Windows 10 x64 IDE:Android Studio 3.3.1 更新了Android Studio之后,xml文件中的布局预览视图变得如此简洁! 原因是没有勾选Show La ...

Xamarin XAML语言教程Visual Studio中实现XAML预览

Xamarin XAML语言教程Visual Studio中实现XAML预览 每次通过编译运行的方式查看XAML文件效果,需要花费大量的时间.如果开发者使用XAML对UI进行布局和设计,可以通过预览的 ...

JS 解决 IOS 中拍照图片预览旋转 90度 BUG

上篇博文[ Js利用Canvas实现图片压缩 ]中做了图片压缩上传,但是在IOS真机测试的时候,发现图片预览的时候自动逆时针旋转了90度.对于这个bug,我完全不知道问题出在哪里,接下来就是面向百度编 ...

在sublime-text中设置浏览器预览

配置在Chrome,Firefox中打开 安装 SideBarEnhancements 然后通过ctrl + k, ctrl + b打开侧边栏,在侧边栏的文件中右击,找到 open width -&g ...

在TVideoGrabber中如何在预览时设置相机属性

在使用TVideoGrabber进行预览时,如何设置相机的属性呢?比如曝光.对比度.亮度等. 下面来看一下,如何通过编程来调整这些设置: ——通过指定VideoDevice属性(在VideoDevic ...

Asp.net Core中SignalR Core预览版的一些新特性前瞻,附源码(消息订阅与发送二进制数据)

目录 SignalR系列目录(注意,是ASP.NET的目录.不是Core的) 前言 一晃一个月又过去了,上个月有个比较大的项目要验收上线.所以忙的脚不沾地.现在终于可以忙里偷闲,写一篇关于Signal ...

随机推荐

ubuntu14 查找并删除所有文件名中带有特定关键词的文件

http://askubuntu.com/questions/625219/how-to-search-and-delete-files-who-contain-specific-string-in- ...

NPOI 导入导出excel 支持 03 07

因为微软的office成本太高了,所以开发项目的时候电脑上没安装office,而是安装了wps.但开发语言用的是C#,所以直接调用微软的office组件是很方便的,但一方面慢,一方面成本高,所以从网上 ...

Sorted Union

function unite(arr1, arr2, arr3) { //return arr1; var args = Array.from(arguments); var arr = args.r ...

iOS相册、相机、通讯录权限获取

iOS相册.相机.通讯录权限获取 说明 这是本人写的一个工具,用以便利的处理各种权限获取的操作,目前提供相册.照相机.通讯录的权限获取操作,参考了 http://www.jianshu.com/p/a ...

动态修改ActionBar Menu的显示

应用场景: 在主Activity中,采用InstrumentedActivity侧边栏的方式,侧边栏的每一项对应一个Fragment,要实现不同的Fragment动态显示与隐藏ActionBar Me ...

Raft详解分析

1.投票部分 一个candidate向所有其他的server发送RequesetVote RPC(具体格式见论文),每次从RPC的reply中累加voteCount,如果超过一半,这个candidat ...

shiro中JSP标签

Shiro提供了JSTL标签用于在JSP/GSP页面进行权限控制,如根据登录用户显示相应的页面按钮. 导入标签库

centos 7 防火墙的使用 firewalld

开启端口命令 输入firewall-cmd --query-port=6379/tcp,如果返回结果为no,那么证明6379端口确实没有开启. 输入firewall-cmd --add-port=63 ...

Fiddler建好代理后，能连到手机，但手机不能上网了是什么原因

依次 tools(工具) >>   fiddler options(fiddler选项)   >>   connections( 连接) >>allow remot ...