Asp.net MVC 实现图片上传剪切

来源:未知 责任编辑:责任编辑 发表时间:2013-12-01 14:20 点击:

嘿嘿,这是本人第一篇博文,请大家多多指教。
 使用技术: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;

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • 浅析.NET下XML数据访问新机制
  • asp.net 面试+笔试题目第1/2页
  • C# 邮件地址是否合法的验证
  • C#高级编程:数据库连接[1]
  • asp.net 设置GridView的选中行的实现代码
  • 经典C++程序1
  • IIS 自动回收导致后台定时器失效的问题解决
  • ASP.NET&#160;GridView列表代码示例
  • 微软ASP.NET站点部署指南(3):使用Web.Config文件的Transforma
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1