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

[huangwenquan123]

做博客的时候要用到上传图片后裁剪，找了个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

[Nihn]

这个要收藏！

[jack_nono]

漂亮啊

[yongyuanzhiyin]

看上去不错，下来用一下

[Abin-2008]

javascript 玩的好啊.

[jackjboss]

dddddddddddddddddddddddddddddddd

[stszd604]

cnblog前年10月都看到有人做好的DEMO了 你可以去找1下

[YHL27]

不错，研究研究

[ma2jiajia]

如果切割的图片无法保存，只是预览而已的话
那完全没必要还动态创建IMG元素啊
直接一个DIV，然后用background属性就搞定了...
原本进来看是因为看到无刷新上传图片的，一看...和我之前用的方法一样...

[moruixi]

很奇怪啊 怎么回事

[丸子ym]

好东西啊

[liguangwei]

学习了，支持一下。

[zhuchanglong2]

获取裁剪框内的图片 点击这个没反应？？

[lzz19870915]

牛，学习了

[牧心]

学习...

[shen1990shen]

感谢楼主

[MiFan_NET]

我只是个打酱油的！！！！支持、、、

[szjarvis]

好，不错．

[asue99]

能用，学习了！感谢楼主的分享~辛苦了！

[wwu041]

非常好，清楚。DING

[QQZSQ]

好的，顶