搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > PHP编程 > php+ajax+flash 实现图片裁剪上传

php+ajax+flash 实现图片裁剪上传

PHP编程 2018-01-07

我们做内容管理系统后台,经常会用到一个功能就是图片裁剪并上传. 这个功能需要浏览器安装flash, 我把我项目当中经常用到一个图片裁剪上传的插件分享给大家.需要用到的可以参考,或者是直接留言要源码都可以的.


图片上传的代码,选择图片后调用uploadfile 方法,传递需要裁剪后的图片大小


<a href="javascript:void(0);" id="upCarImg" class="a-upload" style="width: 80px;" onclick="uploadfile(this,328,200)">选择图片</a>

<span class="size_pic" style="width: 250px;">(图片最佳尺寸为:328*200)</span>



点击后显示上面的选择图片框,选择图片即可


页面中加入以下js

<script type="text/javascript">

   //点击上传图片

function uploadfile(obj,width,heigth) {

var uploadurl = "{:U('Compet/upload_pic',true,true,true)}?sessionId=123456&time=" + Math.floor((Math.random() * 100) + 1);

     cropping( uploadurl, 'file', width, heigth,obj);

   }

   

//图片上传返回

function flashCallBack1(elm, data, formName) {

      var json_value = jQuery.parseJSON(data);

      switch(json_value.code) {

         case '000':

           $("#imgBlock").html("");           

           $("#imgBlock").html('<img name="carImg" width="328" height="200" id="carImg">');

        $("#upImg").val(json_value.url); //入库的路径

            break;

         case '102':

            alert(json_value.msg);

            break;

      }

   }

</script>


flash上传还有以下几个js和css,这几个js我就不一一写出来了.有需要的直接留言,索要源码即可

<link rel="stylesheet" type="text/css" href="/cropping/history/history.css" />

<script type="text/javascript" ></script>

<!-- END Browser History required section -->

<script type="text/javascript" ></script>

<script type="text/javascript" ></script>



今天圣诞节,在此祝福大家圣诞节快乐!幸福开心每一天!!!

       

版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《php+ajax+flash 实现图片裁剪上传》的版权归原作者「PHP编程」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注PHP编程微信公众号

PHP编程微信公众号:gh_98fbdf12e8ee

PHP编程

手机扫描上方二维码即可关注PHP编程微信公众号

PHP编程最新文章

精品公众号随机推荐

下一篇 >>

ajax请求之load