网页简单上传图片 imgareaselect插件

参考网址

http://www.cnblogs.com/cjqa/p/4386489.html

http://blog.csdn.net/china_lzn/article/details/7553552（未测试）

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</div>

</div>

</body>

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

});

</script>

</html>

本文转自曦羽 51CTO博客，原文链接:http://blog.51cto.com/exist/1959681

网页简单上传图片 imgareaselect插件相关推荐

利用jquery的imgAreaSelect插件实现图片裁剪示例
将用户上传的图片进行裁剪再保存是现在web2.0应用中常常处理的工作,现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现这个在以前来说非常棘手的功能.我们来看看它 ...
php 批量插件下载,网页链接批量复制插件下载 Bulk URL Opener (网页链接批量复制插件) v1.11.1 免费版下载-脚本之家...
Bulk URL Opener是一款简单好用的网页链接批量复制插件,该工具支持批量复制URL.批量打开等功能,极大提升了用户对于大量网址的处理效率,在短时间内完成多链接的操作,需要的人群千万别错过.感 ...
最简单DIY基于ESP8266的物联网智能小车①（webserver服务器网页简单遥控版）
ESP8266和ESP32物联网智能小车开发系列文章目录第一篇:最简单DIY基于ESP8266的物联网智能小车①(webserver服务器网页简单遥控版) 文章目录 ESP8266和ESP32物联网 ...
bilibili登录页面代码html5,GitHub - Attect/Bilibili-HTML5-Random-Play: 基于TamperMonkey的B站网页端随机播放功能插件...
Bilibili-HTML5-Random-Play 基于TamperMonkey的B站网页端随机播放功能插件. B站新版网页看起来不错,但依然没有增加随机播放功能,一些分P巨多的音乐视频合集播放起来 ...
Android-实现一个简单的自动翻译插件
目录实现一个简单的自动翻译插件实现思路几个重要的实现方法 1.解析xml 2.写文件 3. 翻译使用实现一个简单的自动翻译插件最近在开发项目是要将Android相关的资源进行国际化,需要将 ...
【UI插件】简单的日历插件（下）—— 学习MVC思想
前言我们上次写了一个简单的日历插件,但是只是一个半成品,而且做完后发现一些问题,于是我们今天尝试来解决这些问题 PS:距离上次貌似很久了上次,我们大概遇到哪些问题呢: ① 既然想做一套UI库,那么 ...
Microsoft Edge浏览器使用时过滤网页广告弹窗等插件推荐---电脑初始维护
浏览器处理原因: 网民在浏览网页时,总会被大量广告弹窗.垃圾信息.流氓行为所干扰,降低我们的网络体验:有时不小心点击到垃圾弹窗,电脑会自动植入一些木马病毒,降低电脑使用寿命:这时浏览器预处理就会显得很 ...
C# 网络编程之网页简单下载实现
这是根据<C#网络编程实例教程>中学到的知识实现的一个C#网页简单下载器,其中涉及到的知识主要是HTTP协议编程中相关类:HttpWebRequest类.HttpWebResponse类. ...
js网页3D雪花特效插件(导入直接使用，参数齐全)
//导入js类库 <script src="js/snow/threecanvas.js"></script> <script src="j ...

网页简单上传图片 imgareaselect插件

网页简单上传图片 imgareaselect插件相关推荐

最新文章

热门文章