jQuery上传插件Uploadify使用详解 本文Uploadify版本为2.1.0,已经过时,截止(2016-09-25)最新版本3.2.1的详细介绍请移步《jQuery上传插件Uploadify使用详解(3.2.1)》 Uploadify是jQuery的一个上传插件,实现的效果非常不错,带进度 ...
分类:
Web程序 时间:
2016-11-30 21:46:46
阅读次数:
194
在做项目的过程中,有很多时候前端的图片会出现拉伸现象,所以在上传图片的时候,图片裁剪是必不可少的。所以有了封装一个图片裁剪工具的念头,下面是实现步骤: 1.首先选择一个前台裁剪工具,我这里使用的是Jcrop-0.9.12。 2.开始编写前端js代码: 我这里把前端封装成一个函数 /** * 初始化裁 ...
分类:
编程语言 时间:
2016-09-08 16:10:49
阅读次数:
273
一:官网 http://www.uploadify.com/ 二:引用 <link href="plug-in/uploadify3.2.1/uploadify.css" rel="stylesheet" /> <script type="text/javascript" src="plug-in/ ...
分类:
Web程序 时间:
2016-07-21 15:05:23
阅读次数:
262
在页面进行截取的时候,如果所操作的图片与原图大小不一致,在后台进行截取的时候就会出现偏差, 此处拿到原图后会与页面显示的图片大小进行比较,计算比例,进行比例缩放,在进行截取 ...
分类:
编程语言 时间:
2016-06-26 15:15:24
阅读次数:
217
原文地址:http://my.oschina.net/zhengweishan/blog/700677 先说下基本的环境:maven+springmvc+jcrop 一言不合就放源码:http://git.oschina.net/zhengweishan/springmvc-jcrop (完全可以跑 ...
分类:
编程语言 时间:
2016-06-25 13:44:22
阅读次数:
611
最近由于项目需要,所以做了一个上传头像预览并且可以预览裁剪的功能,大概思路是上传的图片先保存到服务器,然后通过ajax从服务器获取到图片信息,再利用Jcrop插件进行裁剪,之后通过PHP获取到的四个裁切点的坐标进行裁剪。 首先看一下uploadify上传插件的API: uploader : uplo ...
分类:
Web程序 时间:
2016-05-25 20:23:12
阅读次数:
244
file API,直接读取本地文件。fileAPI和JCrop的结合使用上传头像。 1、html部分 <input id="demo" type="file" name="file" onchange="showPic();"/> <img id="avatar" src="" style="wid ...
分类:
Web程序 时间:
2016-05-10 02:05:44
阅读次数:
518
file API作为html5的新特性,解决了js不能直接读取本地文件的问题,虽然是只读,但绕过了后台处理再返回前台的过程,仍旧给编程人员带来了不少方便。fileAPI和JCrop的结合使用上传头像的方案,被很多网站采用。 目前为止,fileAPI应该已经被各浏览器支持得很好,不用引入多余插件。 1 ...
1、页面结构 js逻辑处理 完整代码如下 附件下载地址:兼容IE6+ 以上大部分浏览器,特殊浏览器没有测试! 下载 ...
分类:
Web程序 时间:
2016-05-04 17:11:59
阅读次数:
173
前段时间用到jquery上传插件uploadify时,始终出现系统报出 http error 302 的错误。 网上大量搜集信息,基本上都是说session值丢失的问题,根据网友提供的解决方案进行修改,问题并没有解决。 因此,不排除这是解决302错误的解决方法之一,但是我接下来提出另一解决方案,考虑 ...
分类:
Web程序 时间:
2016-04-18 10:07:48
阅读次数:
189