Asp.net MVC 实现图片上传剪切
嘿嘿，这是本人第一篇博文，请大家多多指教。
使用技术：Asp.net MVC与jquery.uploadify,Jcrop
首先上页面
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5 <title>Index</title>
6 <link href="http://www.cnblogs.com/CSS/base.css" rel="stylesheet" type="text/css" />
7 <script src="http://www.cnblogs.com/Js/jquery-1.7.1.min.js" type="text/javascript"></script>
8 <script src="http://www.cnblogs.com/Js/uploadify/swfobject.js" type="text/javascript"></script>
9 <script src="http://www.cnblogs.com/Js/uploadify/jquery.uploadify.v2.1.4.min.js" type="text/javascript"></script>
10 <link href="http://www.cnblogs.com/Js/uploadify/uploadify.css" rel="stylesheet" type="text/css" />
11 <script src="http://www.cnblogs.com/Js/crop/jquery.Jcrop.min.js" type="text/javascript"></script>
12 <link href="http://www.cnblogs.com/Js/crop/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
13 <style type="text/css">
14 /* 上传按钮*/
15 #uploadifyUploader
16 {
17 margin-top: 235px;
18 }
19 /* 加载条*/
20 .uploadifyQueueItem
21 {
22 margin: 0 auto;
23 }
24 #img-up
25 {
26 width: 700px;
27 height: 500px;
28 background-color: #e8f0f6;
29 text-align: center;
30 }
31 #img-prev-container
32 {
33 width: 200px;
34 height: 200px;
35 overflow: hidden;
相关新闻>>
- 发表评论
-
- 最新评论 更多>>
