$("img").mouseover(function(e) {
var img = $(this).attr("src");
//获取鼠标当前所在单元格的row
$("body").append("<div id='preview'><img width='600px' height='auto' src='" + img + "' /></div>");
//弹出一个div里面放着图片
$("#preview")
.css("-ms-transform", "translate(-10%,-10%)")
.css("-moz-transform", "translate(-10%,-10%)")
.css("-o-transform", "translate(-10%,-10%)")
.css("transform", "translate(-10%,-10%)")
.css("right", "0")
.css("top", "9%")
.css("z-index", "9999999")
.css("position", "fixed")
.css("transform", "scale(1)")
});
//鼠标离开这个div移除
$("img").mouseout(function(e) {
$("#preview").remove();
});目前图片在单元格缩率展示，鼠标移动到图片上进行放大显示是通过以上方式，但是由于存放图片的文件服务器无法对外开放，所以img标签中的src是获取不到图片地址的。请问，各位有什么方式可以使用toimage的方式进行实现同样的效果：在单元格中先显示一个缩略图，鼠标移到图片上时进行放大展示。
