导航
  • 主页
  • .NET Framework
  • ASP
  • Web Services
  • VC
  • VB
  • 图表区
  • 分析与设计
  • 组件/控件开发
  • LINQ
  • 问答

【分享】js无刷新上传图片及在线切割

huangwenquan123 2011-07-12 03:37:10
加精
做博客的时候要用到上传图片后裁剪,找了个flash的,无奈ff,ie8运行不了,只能自己动手,丰衣足食。
csdn上传资源后原来要审核,我还以为怎么看不到,害我多上传了一个,不知道怎么删除掉。= =#

选择图片后,自动上传图片,并切换到切割页面。可以在图片范围内任意切割。在ie,ff测试良好,其他浏览器木有测试。
目前只做了右下角的拉伸,其他角大家可以自行扩展

//在setattribute.js里
var resize = new Resize(this.content,this.cut,this._layCutImg.id);
resize.Set("RightDown");
//大家可以扩展resize.Set("RightUp")等,RightDown,RightUp为右上角,右下角div的id
//然后在resize.js里
Set:function(funCase){
var fun;
switch(funCase){
case "RightDown":
fun=this.RightDownMouseDown;
this._obj=id(funCase);
break;
case "RightUp":
fun=this.RightDownMouseUp;//该方法自行添加,这里我就没在做了。
this._obj=id(funCase);
break;
//....
default:break;
}
this.omove = this.bindEvent(this,this.RightDownMouseMove);
this.oup = this.bindEvent(this,this.RightDownMouseUp);
this.addEvent(this._obj,"mousedown",this.bindEvent(this,fun));
},


//调用
var setAttribute = new SetAttribute("content","cut","temp/"+fileUrl,width,height,{"CutHeight":"50px","CutWidth":"50px","CutLeft":"30px","CutTop":"30px",
"Opacity":"50"});
//CutHeight,CutWidth,CutLeft,CutTop,初始化切割层的高度,宽度,距离左边,上边的距离。
//要单独运行修改背景图等参数的话可以调用
setAttribute.url="xx.jpg";
setAttribute.Override();








http://download.csdn.net/source/3436756

...全文
3130 1 收藏 145
写回复
145 条回复
切换为时间正序
请发表友善的回复…
发表回复
QQZSQ 2011-10-24
好的,顶
回复
wwu041 2011-10-24
非常好,清楚。DING
回复
asue99 2011-10-01
能用,学习了!感谢楼主的分享~辛苦了!
回复
szjarvis 2011-08-13
好,不错.
回复
MiFan_NET 2011-08-01
我只是个打酱油的!!!!支持、、、
回复
shen1990shen 2011-07-24
感谢楼主
回复
牧心 2011-07-23
学习...
回复
lzz19870915 2011-07-22
牛,学习了
回复
zhuchanglong2 2011-07-21
获取裁剪框内的图片 点击这个没反应??
回复
liguangwei 2011-07-21
学习了,支持一下。
回复
丸子ym 2011-07-21
好东西啊
回复
moruixi 2011-07-20
很奇怪啊 怎么回事
回复
ma2jiajia 2011-07-20
如果切割的图片无法保存,只是预览而已的话
那完全没必要还动态创建IMG元素啊
直接一个DIV,然后用background属性就搞定了...
原本进来看是因为看到无刷新上传图片的,一看...和我之前用的方法一样...
回复
YHL27 2011-07-20
不错,研究研究
回复
stszd604 2011-07-20
cnblog前年10月都看到有人做好的DEMO了 你可以去找1下
回复
jackjboss 2011-07-20
dddddddddddddddddddddddddddddddd
回复
woshiguozhongbin 2011-07-19
javascript 玩的好啊.
回复
yongyuanzhiyin 2011-07-19
看上去不错,下来用一下
回复
jack_nono 2011-07-19
漂亮啊
回复
Nihn 2011-07-19
这个要收藏!
回复
发动态
发帖子
.NET技术社区
创建于2007-09-28

5.8w+

社区成员

.NET技术交流专区
申请成为版主
社区公告
暂无公告