成人性生交大片免费看视频r_亚洲综合极品香蕉久久网_在线视频免费观看一区_亚洲精品亚洲人成人网在线播放_国产精品毛片av_久久久久国产精品www_亚洲国产一区二区三区在线播_日韩一区二区三区四区区区_亚洲精品国产无套在线观_国产免费www

主頁 > 知識庫 > Asp.net MVC中使用JQuery插件ajaxFileUpload上傳文件

Asp.net MVC中使用JQuery插件ajaxFileUpload上傳文件

熱門標簽:電話機器人鑰匙扣 地圖標注位置怎么弄圖 威力最大的電銷機器人 旅游地圖標注線路 廣西房產(chǎn)智能外呼系統(tǒng)推薦 漯河外呼調(diào)研線路 電銷外呼系統(tǒng)是違法的嗎 400電話唐山辦理 電銷專用外呼線路

0 ajaxFileUpload簡介 

ajaxFileUpload插件是一個非常簡單的基于Jquery的異步上傳文件的插件,使用過程中發(fā)現(xiàn)很多與這個同名的,基于原始版本基礎之上修改過的插件,文件版本比較多,我把我自己使用的ajaxFileUpload文件上傳到博客園上了,想要使用的朋友可以下載:http://xiazai.jb51.net/201611/yuanma/ajaxfileupload(jb51.net).rar。 

整個插件源碼不到200行,實現(xiàn)非常簡單,大致原理就是通過js動態(tài)創(chuàng)建隱藏的表單,然后進行提交操作,達到附件上傳的目的,主要實現(xiàn)在源碼里都有注釋,不難理解,我們也可以基于此簡單版本實現(xiàn)更復雜的操作。 

1 ajaxFileUpload使用說明 

ajaxFileUpload的使用也很簡單,調(diào)用ajaxFileUpload方法即可,各配置項詳細說明如下: 

$.ajaxFileUpload({
   type: "post",       //請求類型:post或get,當要使用data提交自定義參數(shù)時一定要設置為post
   url: "/Shared/Upload",     //文件上傳的服務器端請求地址
   secureuri: false,      //是否啟用安全提交,一般默認為false就行,不用特殊處理
   fileElementId: "filePicture",   //文件上傳控件的id input type="file" id="filePicture" name="filePicture" accept=".jpg,.jpeg,.png,.bmp" onchange="filePictureChange()" />
   dataType: "json",      //返回值類型,一般設置為json,還支持html\xml\script類型
   data: { "id": "1", "name": "test" }, //用于post請求提交自定義參數(shù)
   success: function (data, status) {  //服務器成功響應處理函數(shù)
   },
   error: function (data, status, e) { //服務器響應失敗處理函數(shù)
   }
  });

首先在頁面添加對JQuery及ajaxFileUpload的引用,這里的JQuery用的2.1.4版本,經(jīng)測試用各個版本基本沒什么影響。
 script src="../../Content/js/jquery-2.1.4.min.js">/script>
script src="../../Content/js/ajaxfileupload.js">/script>
頁面添加類型為file的input標簽
 

復制代碼 代碼如下:
input type="file" id="filePicture" name="filePicture" accept=".jpg,.jpeg,.png,.bmp" onchange="filePictureChange()" />

通過accept可以限定打開文件選擇對話框后,默認能選擇的文件類型。文件類型的定義主要有以下這些 

*.3gpp  audio/3gpp, video/3gpp  3GPP Audio/Video

*.ac3   audio/ac3   AC3 Audio

*.asf   allpication/vnd.ms-asf  Advanced Streaming Format

*.au    audio/basic AU Audio

*.css   text/css    Cascading Style Sheets

*.csv   text/csv    Comma Separated Values

*.doc   application/msword  MS Word Document

*.dot   application/msword  MS Word Template

*.dtd   application/xml-dtd Document Type Definition

*.dwg   image/vnd.dwg   AutoCAD Drawing Database

*.dxf   image/vnd.dxf   AutoCAD Drawing Interchange Format

*.gif   image/gif   Graphic Interchange Format

*.htm   text/html   HyperText Markup Language

*.html  text/html   HyperText Markup Language

*.jp2   image/jp2   JPEG-2000

*.jpe   image/jpeg  JPEG

*.jpeg  image/jpeg  JPEG

*.jpg   image/jpeg  JPEG

*.js    text/javascript, application/javascript JavaScript

*.json  application/json    JavaScript Object Notation

*.mp2   audio/mpeg, video/mpeg  MPEG Audio/Video Stream, Layer II

*.mp3   audio/mpeg  MPEG Audio Stream, Layer III

*.mp4   audio/mp4, video/mp4    MPEG-4 Audio/Video

*.mpeg  video/mpeg  MPEG Video Stream, Layer II

*.mpg   video/mpeg  MPEG Video Stream, Layer II

*.mpp   application/vnd.ms-project  MS Project Project

*.ogg   application/ogg, audio/ogg  Ogg Vorbis

*.pdf   application/pdf Portable Document Format

*.png   image/png   Portable Network Graphics

*.pot   application/vnd.ms-powerpoint   MS PowerPoint Template

*.pps   application/vnd.ms-powerpoint   MS PowerPoint Slideshow

*.ppt   application/vnd.ms-powerpoint   MS PowerPoint Presentation

*.rtf   application/rtf, text/rtf   Rich Text Format

*.svf   image/vnd.svf   Simple Vector Format

*.tif   image/tiff  Tagged Image Format File

*.tiff  image/tiff  Tagged Image Format File

*.txt   text/plain  Plain Text

*.wdb   application/vnd.ms-works    MS Works Database

*.wps   application/vnd.ms-works    Works Text Document

*.xhtml application/xhtml+xml   Extensible HyperText Markup Language

*.xlc   application/vnd.ms-excel    MS Excel Chart

*.xlm   application/vnd.ms-excel    MS Excel Macro

*.xls   application/vnd.ms-excel    MS Excel Spreadsheet

*.xlt   application/vnd.ms-excel    MS Excel Template

*.xlw   application/vnd.ms-excel    MS Excel Workspace

*.xml   text/xml, application/xml   Extensible Markup Language

*.zip   aplication/zip  Compressed Archive

我這里沒有單獨放上傳按鈕,添加了onchange事件,在選擇文件后立即上傳文件,onchange時間定義如下。 

function filePictureChange() {
   $.ajaxFileUpload({
    url: "/Shared/Upload", //用于文件上傳的服務器端請求地址
     type: "post",
    secureuri: false, //一般設置為false
    fileElementId: "filePicture", //文件上傳空間的id屬性
     dataType: "json", //返回值類型 一般設置為json
    success: function (data, status) { //服務器成功響應處理函數(shù)
      alert(data.fileName);
     alert(data.filePath);
     alert(data.fileSize);
    },
    error: function (data, status, e){ //服務器響應失敗處理函數(shù)
      alert(e);
    }
   });
  };

后臺控制器處理方法如下,使用MD5處理,判斷文件是否已經(jīng)存在,避免文件重復上傳。 

/// summary>
  /// 附件上傳
  /// /summary>
  /// returns>/returns>
  public ActionResult Upload()
  {
   HttpFileCollection files = System.Web.HttpContext.Current.Request.Files;
   if (files.Count == 0) return Json("Faild", JsonRequestBehavior.AllowGet);
   MD5 md5Hasher = new MD5CryptoServiceProvider();
   /*計算指定Stream對象的哈希值*/
   byte[] arrbytHashValue = md5Hasher.ComputeHash(files[0].InputStream);
   /*由以連字符分隔的十六進制對構(gòu)成的String,其中每一對表示value中對應的元素;例如“F-2C-4A”*/
   string strHashData = System.BitConverter.ToString(arrbytHashValue).Replace("-", "");
   string FileEextension = Path.GetExtension(files[0].FileName);
   string uploadDate = DateTime.Now.ToString("yyyyMMdd");
   string virtualPath = string.Format("/Data/ComponentAttachments/{0}/{1}{2}", uploadDate, strHashData, FileEextension);
   string fullFileName = Server.MapPath(virtualPath);
   //創(chuàng)建文件夾,保存文件
    string path = Path.GetDirectoryName(fullFileName);
   Directory.CreateDirectory(path);
   if (!System.IO.File.Exists(fullFileName))
   {
    files[0].SaveAs(fullFileName);
   }
   string fileName = files[0].FileName.Substring(files[0].FileName.LastIndexOf("\\") + 1, files[0].FileName.Length - files[0].FileName.LastIndexOf("\\") - 1);
   string fileSize = GetFileSize(files[0].ContentLength);
   return Json(new { FileName = fileName, FilePath = virtualPath, FileSize = fileSize }, "text/html", JsonRequestBehavior.AllowGet);
  }
  /// summary>
  /// 獲取文件大小
  /// /summary>
  /// param name="bytes">/param>
  /// returns>/returns>
  private string GetFileSize(long bytes)
  {
   long kblength = 1024;
   long mbLength = 1024 * 1024;
   if (bytes  kblength)
    return bytes.ToString() + "B";
   if (bytes  mbLength)
    return decimal.Round(decimal.Divide(bytes, kblength), 2).ToString() + "KB";
   else
    return decimal.Round(decimal.Divide(bytes, mbLength), 2).ToString() + "MB";
  }

2 ajaxFileUpload使用過程中的一些問題
2.0 jQuery.handleError is not a function 

解決方法:
 經(jīng)測試handlerError只在jquery-1.4.2之前的版本中存在,以后版本中都沒有這個函數(shù)了,因此在將handleError這個函數(shù)復制到ajaxFileUpload.js中,就行了 

 uploadHttpData: function (r, type) {
  var data = !type;
  data = type == "xml" || data ? r.responseXML : r.responseText;
  // If the type is "script", eval it in global context
  if (type == "script")
   jQuery.globalEval(data);
  // Get the JavaScript object, if JSON is used.
  if (type == "json")
   eval("data = " + data);
   //eval("data = \"" + data + "\"");
  // evaluate scripts within html
  if (type == "html")
   jQuery("div>").html(data).evalScripts();

  return data;
 },
 handleError: function (s, xhr, status, e) {
  // If a local callback was specified, fire it
  if (s.error) {
   s.error.call(s.context || s, xhr, status, e);
  }

  // Fire the global callback
  if (s.global) {
   (s.context ? jQuery(s.context) : jQuery.event).trigger("ajaxError", [xhr, s, e]);
  }
 }

更多精彩內(nèi)容,請點擊《jQuery上傳操作匯總》,進行深入學習和研究。

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • jquery ajaxfileuplod 上傳文件 essyui laoding 效果【防止重復上傳文件】
  • jquery-file-upload 文件上傳帶進度條效果
  • jQuery插件ajaxFileUpload使用詳解
  • jQuery File Upload文件上傳插件使用詳解
  • jQuery插件ajaxFileUpload異步上傳文件
  • jQuery獲取file控件中圖片的寬高與大小
  • 從重置input file標簽中看jQuery的 .val() 和 .attr(“value”) 區(qū)別
  • jQuery插件ajaxfileupload.js實現(xiàn)上傳文件
  • JQuery fileupload插件實現(xiàn)文件上傳功能
  • jquery獲取file表單選擇文件的路徑、名字、大小、類型

標簽:綏化 焦作 欽州 無錫 湘西 銅陵 湖北 試駕邀約

巨人網(wǎng)絡通訊聲明:本文標題《Asp.net MVC中使用JQuery插件ajaxFileUpload上傳文件》,本文關(guān)鍵詞  Asp.net,MVC,中,使用,JQuery,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Asp.net MVC中使用JQuery插件ajaxFileUpload上傳文件》相關(guān)的同類信息!
  • 本頁收集關(guān)于Asp.net MVC中使用JQuery插件ajaxFileUpload上傳文件的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    成人福利免费在线观看| 99视频国产精品| 青春草在线视频免费观看| 日产精品一线二线三线芒果| 精品欧美一区二区久久久| 国产精品对白久久久久粗| 99在线看视频| 亚洲免费成人在线视频| 国产精品国产精品国产专区不片| 91高清在线| 97影院理论片在线播放| 亚洲日本va在线观看| 中文字幕在线观看免费高清| 日韩午夜在线观看视频| 黄网站免费观看| 国产精品美女久久久久久久| 国产精品欧美久久久久无广告| 欧美一区2区视频在线观看| 在线能看的av| 日韩精品成人免费观看视频| 中文字幕日产av一二三区| 亚洲18在线看污www麻豆| 欧美极品在线观看| 国精品**一区二区三区在线蜜桃| 欧美一区二区三区久久久| 国产盗摄女厕一区二区三区| 久久黄色美女电影| 国产精品私人自拍| 欧美性受xxxx白人性爽| 日本五码在线| 日韩动漫在线观看| 中文字幕亚洲精品| 91精品专区| 国产裸体视频网站| 5278欧美一区二区三区| 极品一区美女高清| 99久久久无码国产精品不卡| 日本一区二区在线视频| 国产在线激情视频| 亚洲天堂网在线观看| 性欧美xxxx免费岛国不卡电影| 屁屁影院国产第一页| 免费看的www视频网站视频| 年下总裁被打光屁股sp| 日本熟妇人妻xxxx| 日韩国产精品毛片| 99久久国产热无码精品免费| 91制片在线观看| 欧美色综合一区二区三区| 欧美喷潮久久久xxxxx| 中文字幕一区二区三区久久网站| 自拍视频一区二区三区| 国产精品无码99re| 成年网站在线在免费播放| 色综合久综合久久综合久鬼88| 国产精品久久久久久吹潮| 日韩片在线观看| 在线播放的av| 波多野结衣视频在线观看| 欧美精品日韩精品| 久草免费在线色站| 瑟瑟视频在线免费观看| 国产欧美久久一区二区| 欧美性受xxxx黑人xyx| 东方伊人免费在线观看| www日韩在线观看| 日韩欧美精品久久| 麻豆亚洲av熟女国产一区二| 亚洲女人天堂av| 亚洲精品蜜桃乱晃| 丁香桃色午夜亚洲一区二区三区| 最近2019中文字幕一页二页| 国产一区二区视频在线观看| 91香蕉在线视频| 美女福利一区| 久久97人妻无码一区二区三区| 国产aⅴ激情无码久久久无码| 人成免费电影一二三区在线观看| 好好的日comwww| √最新版天堂资源网在线| 国产99久久九九精品无码| 久久久久久久综合狠狠综合| 日韩美女毛片| 天堂网在线中文| 欧美日韩一区二区三区视频| 久久国产一级片| 91老司机在线| www.99riav| 国产精品一区二区a| 国产经典中年夫妇盗摄| 亚洲视频精品在线| 开心激情五月网| 国产黄色免费电影| 国产一区二区三区黄网站| 四虎国产精品免费久久| 日韩一区二区在线免费| 免费看国产黄色片| 农村老熟妇乱子伦视频| 青草网在线观看| 日韩偷拍一区二区| 亚洲高清色综合| 国内精品视频在线| 999久久久免费精品国产牛牛| 欧美在线看片| 日韩在线高清视频| 91成人精品网站| 艳妇乳肉亭妇荡乳av| 日韩视频在线观看免费视频| 色悠久久久久综合先锋影音下载| 国产精伦一区二区三区| 96国产粉嫩美女| 秋霞在线观看av| 国产视频综合在线| 国产剧情麻豆剧果冻传媒视频免费| 91成人一区二区三区| 国产美女福利在线| 国产欧美日韩| 亚洲欧美日韩国产成人综合一二三区| 亚洲国产日韩综合一区| 日韩一级精品视频在线观看| 成人观看网址| 欧美成人a交片免费看| 四虎电影网址| www视频在线看| 国产精品综合在线视频| 一区二区在线观看视频在线| 深田咏美在线x99av| 国产精品一色哟哟哟| 影音先锋中文在线视频| 天天夜碰日日摸日日澡性色av| 欧美xxx性| 国产又粗又长| 99产精品成人啪免费网站| 国模无码大尺度一区二区三区| 欧美成人一区二区三区四区| 亚洲精品午夜精品| 国产精品麻豆一区| 日韩精品乱码免费| 亚洲天堂av一区二区三区| 亚洲精品免费网站| 欧美伊人影院| 比比资源先锋影音网| 天堂一区二区在线免费观看| 色综合天天做天天爱| 久草免费新视频| 欧美色婷婷久久99精品红桃| 国产精品麻豆久久久| 高清hd写真福利在线播放| 快she精品国产999| h视频在线观看网站| 中文字幕一区二区三区四区欧美| 日本精品视频一区二区三区| 日本不卡高清| 成人全视频免费观看在线看| jizz18欧美18| 偷偷www综合久久久久久久| 国产精品久久久久久亚洲影视| 91欧美日韩| 9.1在线观看免费| 国产区视频在线播放| 日本中文字幕影院| 日韩中文字幕观看| www.成人.com| 污污污污污污www网站免费| 美日韩一级片在线观看| 亚洲成人精品综合在线| 第一会所sis001亚洲| 爱福利在线视频| 这里只有精品在线| 欧美日韩一区二区三区四区五区六区| 天天做综合网| 国产91精品最新在线播放| 亚洲国产精品av| 伊人久久久大香线蕉综合直播| 久久色视频免费观看| 竹内纱里奈兽皇系列在线观看| 欧美人成免费网站| 亚洲网址在线| 一级二级三级视频| 成年美女黄网站色大片不卡| 欧美精品一区二区高清在线观看| 欧美日韩免费高清| 好吊色欧美一区二区三区视频| 精品无码一区二区三区电影桃花| 精品一区二区三区四区五区六区| 久久久极品av| 青青草免费在线观看| 麻豆高清免费国产一区| 韩国成人精品a∨在线观看| 天天综合网站| 美女视频一区二区三区| 日本人妻丰满熟妇久久久久久| 99热这里只有精品99| 五月天综合激情网| 一本大道一区二区三区| 久久久久久久综合色一本| 超碰在线公开| av片免费播放| 日韩一区二区三区免费| 国产ts人妖一区二区三区| 色老板免费视频| 亚洲欧美电影在线观看| 亚洲男男gay视频| 黑人巨大精品欧美一区| 成人高清免费在线| 国产精品美女久久久久av福利| 香蕉成人在线| 日韩香蕉视频| 久久综合九色综合欧美狠狠| 国产麻豆高清视频在线第一页| 黄色美女一级片| 91精品国产欧美一区二区成人| 极品美鲍一区| 黄视频网站在线| 天天看天天色| 色天天综合久久久久综合片| 精品乱人伦小说| 99草草国产熟女视频在线| 国产乱子伦精品视频| 欧美成人直播| 成人国产一区二区三区| 国产一区二区网址| 视频在线观看入口黄最新永久免费国产| 国内拍拍自拍视频在线观看| 老司机午夜免费福利视频| 亚洲精品久久久久久久久| 天天色天天干天天色| 国产精品999久久久| 日韩欧美一起| 亚洲免费在线观看av| 亚洲日本一区二区三区在线不卡| 在线观看黄av| 日韩性小视频| 欧美成人女星排行榜| 久久国产精品一区二区三区四区| 国产日产精品久久久久久婷婷| 91九色国产ts另类人妖| 熟女视频一区二区三区| 亚洲高清电影| 精品国产一区二区三区av性色| 亚洲国产中文字幕久久网| 又爽又大又黄a级毛片在线视频| 天天av天天翘天天综合网色鬼国产| 超碰97人人人人人蜜桃| 老熟妇一区二区三区| 亚洲特级片在线| 色老综合老女人久久久| 久久久一本精品| 亚洲经典中文字幕| 国产黄色一级网站| jizz性欧美23| 精品日韩在线一区| 日韩亚洲精品在线| 免费福利在线| 亚洲av成人精品日韩在线播放| 在线观看免费高清完整| 欧美一区二区私人影院日本| 色一情一欲一爱一乱| 中文字幕亚洲综合久久五月天色无吗''| 国产自产在线视频一区| 91porn在线| 国产美女一区二区| 日韩乱码一区二区三区| 美女把尿口扒开给男人桶视频| 亚洲www.| 久久av一区二区三| 男的操女的网站| 亚洲区一区二| 国产在线一区二区视频| 色国产在线视频| 日本久久免费| 中文字幕日韩欧美在线| 97久久超碰国产精品电影| 午夜精彩国产免费不卡不顿大片| 国产娇喘精品一区二区三区图片| 日韩在线观看免费高清| 永久免费毛片在线播放| 毛片毛片女人毛片毛片| 欧美日韩高清一区二区不卡| 精品久久久久av影院| 欧美精品综合| 日韩精品中文字幕一区二区| 天天影视欧美综合在线观看| 亚洲视频sss| 久久国产免费视频| 99免费精品在线| 久久精品国产一区二区三| 欧美黄色视屏| 亚洲国产精品成人综合色在线婷婷| 视频一区二区免费| 91女神在线视频| 2025国产精品视频| 欧美性xxxxx极品娇小| 福利h视频在线| 亚洲啊v在线观看| 日本精品网站| 免费在线不卡视频| 欧美第一黄色网| 亚洲美女91| 最近2018年在线中文字幕高清| 精品在线手机视频| 香港三级日本三级| 国产狂喷白浆在线观看视频| 99国产精品久久久久久久成人| 视频在线观看免费高清| 欧洲激情视频| 亚洲欧洲美洲国产香蕉| 99久热在线精品996热是什么| 91在线视频免费观看| 毛片毛片毛片毛片毛片毛片毛片毛片毛片| 亚洲熟女乱综合一区二区| 国产亚洲欧洲高清一区| 91精品国产成人观看| 日韩欧美三级电影| 久久久五月天| 国模雨婷捆绑高清在线| 日本不卡高清视频| 久久国产亚洲精品无码| 午夜天堂精品久久久久| 久草在线免费资源站| 欧美日韩国产综合视频在线| 成年人免费看毛片| 国产乱码精品一区二区三| 99久久精品免费看国产一区二区三区| 久久婷婷五月综合色国产香蕉| 人妻 日韩 欧美 综合 制服| 韩国一区二区在线播放| 少妇一区二区三区|