校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > 實現Asp.net mvc上傳頭像加剪裁功能

實現Asp.net mvc上傳頭像加剪裁功能

熱門標簽:南昌自動外呼系統線路 上海市三維地圖標注 辦公用地圖標注網點怎么操作 云南外呼系統代理 聊城智能電銷機器人電話 西寧電銷外呼系統公司 海東防封電銷卡 寧德防封版電銷卡 安陸市地圖標注app

在我們使用QQ上傳頭像,注冊用戶賬號時是不是都會遇到上傳圖像,并根據自己的要求對圖像進行裁剪,這是怎么實現的吶?

本文主要介紹了Asp.net mvc實現上傳頭像加剪裁功能,分享給大家供大家參考。具體如下: 

運行效果截圖如下:

具體代碼如下:

前臺代碼

link href="~/Content/fineuploader.css" rel="stylesheet" />
link href="~/Content/jquery.Jcrop.min.css" rel="stylesheet" />
link href="~/Content/crop.min.css" rel="stylesheet" />
script src="~/Scripts/jquery-1.8.2.min.js">/script>
script src="~/Scripts/jquery.fineuploader-3.1.min.js">/script>
script src="~/Scripts/jquery.Jcrop.min.js">/script>
script src="~/Scripts/crop.js">/script>

div id="jquery-wrapped-fine-uploader">/div>
 div id="message">/div>
 div id="crop_wrap">
  div id="crop_holder">
   div id="crop_area" class="border">
    img id="crop_image" alt="" src="" class="preview-image" style="display: none" />
   /div>
   div id="preview_area">
    div id="preview_title">當前頭像/div>
    div id="preview_large_text" class="preview-text">180px × 180px/div>
    div id="preview_large_wrap" class="border">
     img id="preview_large" alt="" src="@ViewBag.Path" class="preview-image" style=""/>/div>
   /div>
  /div>
  div id="crop_operation" style="display: none;">
   form id="form_crop" action="/home/index" method="post">
    input type="hidden" name="x" id="x">
    input type="hidden" name="y" id="y">
    input type="hidden" name="w" id="w">
    input type="hidden" name="h" id="h">
    input type="hidden" name="imgsrc" id="imgsrc">
    input id="crop_operation_submit" type="submit" value="裁切并保存" />span id="crop_operation_msg" style="display: none" class="green">/span>
   /form>
  /div>
  div id="croped_message" class="green">/div>
 /div>

后臺代碼

public ActionResult Index()
  {
   return View();
  }

  /// summary>
  /// 保存縮略圖
  /// /summary>
  /// param name="form">/param>
  /// returns>/returns>
  [HttpPost]
  public ActionResult Index(FormCollection form)
  {
   int x = Convert.ToInt32(form["x"]);
   int y = Convert.ToInt32(form["y"]);
   int w = Convert.ToInt32(form["w"]);
   int h = Convert.ToInt32(form["h"]);
   string imgsrc = form["imgsrc"].Substring(0, form["imgsrc"].LastIndexOf("?"));
   string path = ImgHandler.CutAvatar(imgsrc, x, y, w, h);

   //保存Path
   
   ViewBag.Path = path;
   return View();
  }

  /// summary>
  /// 上傳頭像
  /// /summary>
  /// param name="qqfile">/param>
  /// returns>/returns>
  [HttpPost]
  public ActionResult ProcessUpload(string qqfile)
  {
   try
   {
    string uploadFolder = "/Upload/original/" + DateTime.Now.ToString("yyyyMM") + "/";
    string imgName = DateTime.Now.ToString("ddHHmmssff");
    string imgType = qqfile.Substring(qqfile.LastIndexOf("."));
    string uploadPath = "";
    uploadPath = Server.MapPath(uploadFolder);
    if (!Directory.Exists(uploadPath))
    {
     Directory.CreateDirectory(uploadPath);
    }
    using (var inputStream = Request.InputStream)
    {
     using (var flieStream = new FileStream(uploadPath + imgName + imgType, FileMode.Create))
     {
      inputStream.CopyTo(flieStream);
     }
    }

    return Json(new { success = true, message = uploadFolder + imgName + imgType });
   }
   catch (Exception e)
   {
    return Json(new { fail = true, message = e.Message });
   }
  }

以上就是實現Asp.net mvc上傳頭像加剪裁功能的部分代碼,小編分享給大家參考,希望對大家的學習有所幫助。

您可能感興趣的文章:
  • web前端開發upload上傳頭像js示例代碼
  • php視頻拍照上傳頭像功能實現代碼分享
  • php+js iframe實現上傳頭像界面無跳轉
  • JS仿flash上傳頭像效果實現代碼
  • 淺析上傳頭像示例及其注意事項

標簽:平涼 崇左 青海 汕尾 衢州 洛陽 贛州 南寧

巨人網絡通訊聲明:本文標題《實現Asp.net mvc上傳頭像加剪裁功能》,本文關鍵詞  實現,Asp.net,mvc,上傳,頭像,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《實現Asp.net mvc上傳頭像加剪裁功能》相關的同類信息!
  • 本頁收集關于實現Asp.net mvc上傳頭像加剪裁功能的相關信息資訊供網民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    国产精品午夜久久| 图片区小说区区亚洲影院| 亚洲一区在线视频| 中文字幕免费观看一区| 国产成人av网站| 成人免费看片app下载| 亚洲一区免费在线观看| 成人午夜又粗又硬又大| 99久久99久久综合| 欧美福利视频导航| 国产一区二区免费在线| 欧美视频一区二区在线观看| 欧美顶级少妇做爰| 亚洲va欧美va天堂v国产综合| 欧美日韩三级一区二区| 91国产成人在线| 亚洲欧洲av另类| 日本亚洲免费观看| 亚洲午夜久久久久| 强制捆绑调教一区二区| 免费人成在线不卡| 欧美精品乱码久久久久久按摩| 日韩视频一区二区三区| 欧美福利视频导航| 欧美激情一区在线观看| 无码av免费一区二区三区试看| 欧美一区二区在线视频| 日本午夜精品一区二区三区电影| av中文字幕亚洲| 国产精品视频观看| 国产精品青草综合久久久久99| 一区二区日韩av| 91久久免费观看| 7777精品伊人久久久大香线蕉最新版| 91偷拍与自偷拍精品| 狠狠网亚洲精品| 国产在线观看免费一区| www.日韩大片| 国产欧美视频一区二区| 国产亚洲精品久| 亚洲欧美色综合| 成人午夜在线视频| 欧美成人一区二区三区| 一区二区三区在线免费播放| 成人深夜视频在线观看| 亚洲男人电影天堂| 丁香另类激情小说| jvid福利写真一区二区三区| 国产精品婷婷午夜在线观看| jlzzjlzz欧美大全| 五月婷婷综合在线| 欧美视频在线观看一区二区| 亚洲精品一二三| 99久久精品国产一区二区三区 | 日本欧美一区二区在线观看| 国产一区欧美日韩| 99久久久精品| 国模娜娜一区二区三区| 欧美日本在线视频| 欧美韩国一区二区| 精品国产伦一区二区三区观看体验| 99免费精品在线观看| 亚洲一区二区欧美激情| 日韩一区二区电影网| 午夜精品久久久久久久久久| 日韩女优视频免费观看| 久久一夜天堂av一区二区三区| 欧美大片免费久久精品三p| 国产午夜精品一区二区三区嫩草| 欧美国产视频在线| 美女看a上一区| 欧美妇女性影城| 日韩激情视频在线观看| 欧美亚洲国产怡红院影院| 精品国偷自产国产一区| 五月婷婷色综合| 91在线你懂得| 欧美色中文字幕| 成人免费黄色在线| 日韩一区二区免费视频| 福利视频网站一区二区三区| 99久久精品国产观看| 精品久久久久久久久久久院品网| 欧美日韩视频在线第一区 | 极品少妇xxxx精品少妇| 午夜精品国产更新| 秋霞国产午夜精品免费视频| 亚洲视频1区2区| 欧美日韩高清在线播放| 欧美色窝79yyyycom| 日韩视频在线观看一区二区| 99re热这里只有精品免费视频| 国产成人免费网站| 国产精品亚洲人在线观看| 91免费观看视频在线| 欧美一区二区三区视频免费| 奇米影视7777精品一区二区| 91女厕偷拍女厕偷拍高清| 日韩二区三区四区| 91视频一区二区三区| 成人av在线影院| 丁香五精品蜜臀久久久久99网站| 日韩精品每日更新| 国产大陆精品国产| 捆绑调教一区二区三区| 91在线视频官网| 国产精品麻豆99久久久久久| 亚洲自拍欧美精品| 午夜国产不卡在线观看视频| 亚洲精品五月天| 成人一区二区在线观看| 国产成人免费视频网站 | 欧美色大人视频| 懂色av一区二区三区蜜臀| 久久国产精品无码网站| 91麻豆自制传媒国产之光| 久久久精品中文字幕麻豆发布| 午夜在线电影亚洲一区| 97久久人人超碰| 国产人妖乱国产精品人妖| 日本在线不卡视频| 91在线视频播放地址| 午夜精品一区二区三区电影天堂| 丰满少妇久久久久久久| 欧美挠脚心视频网站| 亚洲欧美另类久久久精品2019| 日本欧美一区二区| 国产精品区一区二区三区| 美女一区二区视频| 免费观看成人av| 国产在线精品不卡| 欧美日韩亚洲丝袜制服| 欧美一区二区三区视频在线观看| 93久久精品日日躁夜夜躁欧美| 成人免费va视频| 97久久精品人人爽人人爽蜜臀| 国产成人h网站| 久久精品免费在线观看| 亚洲自拍偷拍九九九| 亚洲一区中文日韩| av影院午夜一区| 91免费国产在线| 麻豆一区二区三| 国产盗摄一区二区三区| 成人丝袜18视频在线观看| 99免费精品视频| 欧美精品一区二区三区高清aⅴ| 中文字幕在线不卡一区| 国产主播一区二区| 中文字幕av一区二区三区| 极品少妇一区二区| 精品国产一区二区在线观看| 国产一区二区免费在线| 精品日韩99亚洲| 国产精品18久久久| 中文字幕一区二区在线播放 | 欧美绝品在线观看成人午夜影视| 亚洲一区二区三区四区五区中文| 欧美日韩国产高清一区二区三区| 日韩影院在线观看| 久久久99精品免费观看不卡| 91在线一区二区三区| 午夜影院在线观看欧美| 亚洲久本草在线中文字幕| 欧美一区二区三区免费观看视频| 三级欧美在线一区| 国产欧美综合色| 国产欧美精品一区二区色综合朱莉| 国产日韩精品一区二区浪潮av| 精品国产1区二区| 成人免费在线播放视频| 欧美色图免费看| 亚洲国产欧美在线人成| 精品久久一区二区| 欧美在线观看视频一区二区三区| 99国产一区二区三精品乱码| 麻豆精品一区二区| 久久久久久日产精品| 91免费小视频| 久久电影国产免费久久电影 | 亚洲另类在线制服丝袜| 亚洲欧美福利一区二区| 欧美性受xxxx黑人xyx| 天天操天天干天天综合网| 亚洲成av人影院| 日韩女优av电影| 美女任你摸久久| 午夜在线成人av| 亚洲国产电影在线观看| 国产激情视频一区二区三区欧美| 欧美一区二区三区四区视频| 欧美亚洲禁片免费| 亚洲日本中文字幕区| 久久精品一区二区三区不卡| 欧美色电影在线| 成人国产精品免费观看| 国内精品不卡在线| 久久精品水蜜桃av综合天堂| 国产精品一区二区三区网站| 中文字幕免费在线观看视频一区|