gdf800310 发表于 2017-7-26 18:03:53

一个上传修剪图片插件，可以旋转、放大、缩小、多功能...

本帖最后由 gdf800310 于 2017-7-26 18:11 编辑

1、index.html文件 主文件如：html中：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>切割图片</title>
<script type="text/javascript" src="cut_img/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="cut_img/layer/layer.js"></script>
</head>

<body>

<img id="img_url" src="cut_img/img/11.jpg" />
<p><a href="javascript:void(0);"onclick="cut_pic();">切割图片</a></p>
<script type="text/javascript">
   
    function cut_pic(){
      var pic = $("#img_url").attr('src');
      layer.open({
            type: 2,
            area: ['80%', '90%'],
            fixed: false, //不固定
            maxmin: true,
            content: 'cut.html#'+pic
      });
    }
    function loadImage(img_url){
      $("#img_url").attr('src',img_url);
    }
   
</script>
</body>
</html>
2.cut.html http://www.z098.cn/uploads/2017/07/26/50d67401b1902094912e71b718d06465.png3. 操作简单易懂，cut.html 是负责切割图片的用 操作演示第一步：http://www.z098.cn/uploads/2017/07/26/477aefbd9f0670d261c36139f233a5af.png第二步切割http://www.z098.cn/uploads/2017/07/26/34eb0bdc556732b7a39b40abc37dfe46.png第三步生成http://www.z098.cn/uploads/2017/07/26/ad676141b97f2f8774d437f56c074d24.png第四部确定完成http://www.z098.cn/uploads/2017/07/26/9227610509edf073f39181cc27d398a4.png
很简单吧，演示地址：地址一    http://www.z098.cn/demo/cut_img/下载地址： http://www.z098.cn/demo/cut_img/cut_img.zip原文地址 ： http://www.z098.cn/study/120655.html

gdf800310 发表于 2017-7-26 18:12:13

{:1_1:}

gdf800310 发表于 2017-7-26 18:53:33

很好的插件

as3291363 发表于 2017-8-14 16:30:31

不错..感谢分享

convincee 发表于 2017-8-15 10:11:57

感谢分享

xingqik 发表于 2017-10-18 18:35:50


很好的插件

paivisual 发表于 2018-8-7 22:06:29

不能下载了，哪个下载过的能不能共享一下！

qq36910093 发表于 2019-3-14 15:24:10

我本来也需要这个呢，谁在分享下

paivisual 发表于 2019-4-18 16:37:04

谁下载过，给个地址呗！
页: [1]
查看完整版本: 一个上传修剪图片插件，可以旋转、放大、缩小、多功能...