网页简单上传图片 imgareaselect插件
参考网址
创新互联建站专注于桥西网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供桥西营销型网站建设,桥西网站制作、桥西网页设计、桥西网站官网定制、微信小程序服务,打造桥西网络公司原创品牌,更为您提供桥西网站排名全网营销落地服务。
http://www.cnblogs.com/cjqa/p/4386489.html
http://blog.csdn.net/china_lzn/article/details/7553552(未测试)
function preview(img, selection) {
if (!selection.width || !selection.height) { return; }
var scaleX = 250 / selection.width;
var scaleY = 200 / selection.height;
var hei = $('#photo').height();
var wid = $('#photo').width();
$('#preview img').css({
width: Math.round(scaleX * wid),
height: Math.round(scaleY * hei),
marginLeft: -Math.round(scaleX * selection.x1),
marginTop: -Math.round(scaleY * selection.y1)
});
}
$(function () {
$('#photo').imgAreaSelect({
//aspectRatio: '1:1',
handles: true,
fadeSpeed: 200, onSelectChange: preview
});
});
网站名称:网页简单上传图片 imgareaselect插件
网页地址:http://hbruida.cn/article/goipoe.html