【分享】js无刷新上传图片及在线切割
做博客的时候要用到上传图片后裁剪，找了个flash的，无奈ff,ie8运行不了，只能自己动手，丰衣足食。
csdn上传资源后原来要审核，我还以为怎么看不到，害我多上传了一个，不知道怎么删除掉。= =#
选择图片后，自动上传图片，并切换到切割页面。可以在图片范围内任意切割。在ie,ff测试良好，其他浏览器木有测试。
目前只做了右下角的拉伸，其他角大家可以自行扩展
- JScript code
//在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)); },- JScript code
//调用 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
[解决办法]
顶 漂亮
[解决办法]
沙发要多给分
[解决办法]
DB!~...
[解决办法]
很不错！顶！
[解决办法]
下载之后怎么点击上传图片没反应呢？？？
[解决办法]
楼主精神可嘉!
[解决办法]
感谢楼主
[解决办法]
就显示一个上传按钮，然后选择图片， 页面就没反应了！！！ 啥都没有
！！！ 是真的，点击好几遍乐！
[解决办法]
出现了选择图片了，选择了图片就没反应了！！！！
[解决办法]
[解决办法]
我也是
[解决办法]
切割页面什么都没显示，只有一个上传按钮，点击上传图片，就没反应了
我用的是360浏览器，IE几我不知道，还有火狐浏览器 就这两个！！！
[解决办法]
占座，去看看。
[解决办法]
谢谢分享
[解决办法]
[解决办法]
阿里嘎多
[解决办法]
OK了，可以了！！！！！！！！！！ 谢谢分享！
[解决办法]
支持分享！
[解决办法]
占座学习
[解决办法]
牛人学习
[解决办法]
可以用，谢谢楼主
[解决办法]
[解决办法]
++++
感谢楼主
[解决办法]
不错，学习！感谢分享！
[解决办法]
...好几年前就搞了。
[解决办法]
很好~
[解决办法]
顶 接分哟 呵呵
[解决办法]
为什么我点击完选择图片就没反应了？IE8
[解决办法]
路过~学习~~~~~~~~~~~~~~
[解决办法]
mark
[解决办法]
js解决不了这个问题
js只能显示切割后的图片，不能上传切割后的图片数据。这个图片只能用flash解决，并且也是最高效率的。
[解决办法]
不错不错。收着。
[解决办法]
支持！！
[解决办法]
支持分享哈
[解决办法]
很好，非常好，值得赞扬。
[解决办法]
啥子东西，运行不出来。
[解决办法]
q请问这里的软件怎么下载
[解决办法]
[解决办法]
分享还要分， LZ 你忒有才了。。。。
[解决办法]
学习了！！！接分了
[解决办法]
学习了！！！接分了。
[解决办法]
试试先。。。
[解决办法]
我的IE8 也不行 火狐 5。0 都不行啊 选了图片就没得反应
[解决办法]
呵呵 支持
[解决办法]
学习了，呵呵。
[解决办法]
进来学习学习，顺便拿分
[解决办法]
学习下！
[解决办法]
JS也能做这功能 高手呀
------解决方案--------------------
出来结果了啊。。。不错。。。
[解决办法]
不错，漂亮呀。
[解决办法]
刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷
[解决办法]
好帖，一定要顶
[解决办法]
回贴有理
[解决办法]
ao erfjodkfl;
[解决办法]
收藏！！
[解决办法]
整理个完整的代码呗 谢谢 新手围观中
[解决办法]
不错，很给力，支持支持
[解决办法]
学习。
[解决办法]
支持分享。
[解决办法]
看着效果不错。。。
[解决办法]
路过，路过，学习，顶顶
[解决办法]
谢谢分享，下载看看。
[解决办法]
每天回帖即可获得10分可用分！
[解决办法]
学习学习！
[解决办法]
每天回帖即可获得10分可用分！
[解决办法]
学习，顶一下。
[解决办法]
蛋疼 蛋疼 蛋疼
[解决办法]
不错啊不错
[解决办法]
谢谢分享，一定要下载支持！
[解决办法]
顶一下
[解决办法]
确实有问题，选择图片后就没反映了
ie8、ff4、chrome5都不行
[解决办法]
不错 学习了！
[解决办法]
恩，好东西，学习学习！
[解决办法]
感谢分享！
[解决办法]
我恨啊...木有积分下载怎么办``
[解决办法]
内容存入剪贴板