當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

网页简单上传图片 imgareaselect插件

發(fā)布時間：2023/12/15 编程问答 24 豆豆

生活随笔收集整理的這篇文章主要介紹了网页简单上传图片 imgareaselect插件小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

參考網(wǎng)址

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>

本文轉(zhuǎn)自曦羽 ?51CTO博客，原文鏈接:http://blog.51cto.com/exist/1959681

以上是生活随笔為你收集整理的网页简单上传图片 imgareaselect插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。