Jcrop,. NET imitation Baidu upload online edit avatar

(source download Link: http://pan.baidu.com/s/1pJVxMAn password: gbuz) personal habits, the code does not stick out, go to the cloud disk.

Let's take a look at the Baidu upload Avatar page. Such as.

And look at the effect I've done.

Figure 1

Figure 2

The above is the effect I made, Gray is a 400x400 background, the picture will automatically adapt (Figure 1 and Figure 21 horizontal one is portrait), width and height can always be placed in this background.

Introduce the techniques used, Jquery, Jcrop, Ajaxfileupload.js.

Let's take a look at the Baidu upload Avatar page. Such as.

And look at the effect I've done.

Figure 1

Figure 2

The above is the effect I made, Gray is a 400x400 background, the picture will automatically adapt (Figure 1 and Figure 21 horizontal one is portrait), width and height can always be placed in this background.

Introduce the techniques used, Jquery, Jcrop, Ajaxfileupload.js.

This project has basically been implemented upload, online editing, back-cut diagram function, where the code is not posted out, directly to the cloud disk, the need for a small partner can download to see.

(Link: http://pan.baidu.com/s/1pJVxMAn password: gbuz)

To the end of the blog here.

Jcrop,. NET imitation Baidu upload online edit avatar