欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

asp.net實(shí)現(xiàn)文件無刷新上傳方法匯總

 更新時(shí)間:2015年06月07日 09:43:11   投稿:hebedich  
本文給大家介紹的是asp.net實(shí)現(xiàn)文件無刷新上傳的2種方法,分別是使用swfupload插件和uploadify插件,講述的十分細(xì)致全面,附上示例,有需要的小伙伴可以參考下。

遇到上傳文件的問題,結(jié)合之前用到過的swfUpload,又找了一個(gè)無刷新上傳文件的jquery插件uploadify,寫篇博客記錄一下分別介紹這兩個(gè)的實(shí)現(xiàn)方法

swfUpload 導(dǎo)入swfUpload的開發(fā)包 添加js引用,引用swfUpload.js與handler.js文件,如果對(duì)swfUpload不了解、有疑問可以看看這篇文章 頁面初始化

修改handler.js文件中 上傳成功的事件,serverData是服務(wù)器端的響應(yīng)

Uploadify 導(dǎo)入uploadify開發(fā)包,從官網(wǎng)下載,官網(wǎng)文檔,中文文檔,官網(wǎng)示例 添加js與css的引用,jquery.uploadify.js 、uploadify.css

(注:在css中引用uploadify-cancel.png圖片文件的路徑是可能不正確,可以在uploadify.css文件中自己進(jìn)行更改)

頁面初始化

頁面初始化時(shí),可以指定許多設(shè)置,并對(duì)上傳成功的事件進(jìn)行重載,data表示服務(wù)器端的響應(yīng)

服務(wù)器端上傳處理程序

//uploadify初始化
    $(function () {
      $('#file_upload').uploadify({
        //指定swf
        'swf': '/uploadify/uploadify.swf',
        //服務(wù)器端處理程序
        'uploader': '/Admin/UploadFileHandler.ashx',
        //按鈕文本
        buttonText: '上傳附件',
        //文件類型
        fileTypeExts: "*.zip;*.rar;*.doc;*.docx;*.xls;*xlsx",
        onUploadSuccess: OnFileUploadSuccess
      });
    });
    function OnFileUploadSuccess(file, data, response) {
      //服務(wù)器端響應(yīng)
      if (data == 'noPermission') {
        alert('沒有上傳權(quán)限');
      }
      if (data == 'Error') {
        alert('上傳失敗');
      } else if (response) {
        alert('上傳成功~~~');
        $("#filePath").val(data);
      }
    }

uploadify
/// <summary>
/// 上傳文件
/// </summary>
public class UploadFileHandler : IHttpHandler, IRequiresSessionState
{
  public void ProcessRequest(HttpContext context)
  {
    context.Response.ContentType = "text/plain";
    //驗(yàn)證上傳權(quán)限
    if (context.Session["User"] == null)
    {
      context.Response.Write("no permission");
      context.Response.End();
      return;
    }
    try
    {
      //獲取上傳文件
      //Filedata是客戶端已經(jīng)定義好的,如果想要更改,更改js文件中的配置
      HttpPostedFile image_upload = context.Request.Files["Filedata"];
      //獲取文件擴(kuò)展名
      string fileExt = System.IO.Path.GetExtension(image_upload.FileName).ToLower();
      //驗(yàn)證文件擴(kuò)展名是否符合要求,是否是允許的圖片格式
      if (!FileTypes.IsAllowed(fileExt))
      {
        return;
      }
      //當(dāng)前時(shí)間字符串
      string timeString = DateTime.Now.ToString("yyyyMMddHHmmssfff");
      //保存虛擬路徑構(gòu)建
      string path = "/Upload/" + timeString + fileExt;
      //獲取、構(gòu)建要上傳文件的物理路徑
      string serverPath = context.Server.MapPath("~/" + path);
      //保存圖片到服務(wù)器
      image_upload.SaveAs(serverPath);
      //輸出保存路徑
      context.Response.Write(path);
    }
    catch (Exception ex)
    {
      context.Response.Write("Error");
      //記錄日志
      new Common.LogHelper(typeof(UploadFileHandler)).Error(ex);
    }
  }

  public bool IsReusable
  {
    get
    {
      return false;
    }
  }
}
public static class FileTypes
{
  private static List<string> allowedFileTypes = new List<string>();
  //獲取允許json配置文件
  private static string jsonFilePath = Common.PathHelper.MapPath("~/AllowedFileTypes.json");
  
  /// <summary>
  /// 允許的文件類型
  /// </summary>
  public static List<string> AllowedFileTypes
  {
    get
    {
      return allowedFileTypes;
    }

    set
    {
      allowedFileTypes = value;
    }
  }

  /// <summary>
  /// 靜態(tài)構(gòu)造方法
  /// </summary>
  static FileTypes()
  {
    LoadFileTypesFromJson();
  }

  /// <summary>
  /// 從json文件中讀取允許上傳的文件類型
  /// </summary>
  private static void LoadFileTypesFromJson()
  {
    string types = File.ReadAllText(jsonFilePath);
    AllowedFileTypes = Common.ConverterHelper.JsonToObject<List<string>>(types);
  }

  /// <summary>
  /// 當(dāng)添加允許文件類型時(shí),更新到j(luò)son文件
  /// </summary>
  public static void FileTypesToJson()
  {
    string types = Common.ConverterHelper.ObjectToJson(AllowedFileTypes);
    File.WriteAllText(jsonFilePath, types);
  }

  /// <summary>
  /// 新增允許上傳文件擴(kuò)展名
  /// </summary>
  /// <param name="newFileType"></param>
  public static void AddNewFileType(string newFileType)
  {
    AllowedFileTypes.Add(newFileType);
    FileTypesToJson();
  }
  
  /// <summary>
  /// 判斷某種文件類型是否允許上傳
  /// </summary>
  /// <param name="fileExt">文件擴(kuò)展名</param>
  /// <returns>是否允許上傳<code>true</code>允許上傳</returns>
  public static bool IsAllowed(string fileExt)
  {
    foreach (string item in AllowedFileTypes)
    {
      if (fileExt.Equals(fileExt))
      {
        return true;
      }
    }
    return false;
  }
}

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

相關(guān)文章

  • ASP.NET Core MVC在視圖中使用依賴注入

    ASP.NET Core MVC在視圖中使用依賴注入

    這篇文章介紹了ASP.NET Core MVC在視圖中使用依賴注入的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-04-04
  • Visual Studio 2017正式版發(fā)布 Mac版新功能特性有哪些

    Visual Studio 2017正式版發(fā)布 Mac版新功能特性有哪些

    Visual Studio 2017正式版推出時(shí)間什么時(shí)候?Mac版新功能特性又有哪些?這篇文章就為大家詳細(xì)介紹Visual Studio 2017正式版的最新消息,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • VS2013設(shè)置護(hù)眼背景顏色

    VS2013設(shè)置護(hù)眼背景顏色

    我們做開發(fā)的一做基本都是一天,對(duì)著屏幕眼鏡肯定會(huì)累,下面教大家一個(gè)VS2013設(shè)置護(hù)眼背景色的方法。
    2016-04-04
  • ASP.NET Core Zero模塊系統(tǒng)講解

    ASP.NET Core Zero模塊系統(tǒng)講解

    本文詳細(xì)講解了ASP.NET Core Zero模塊系統(tǒng),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-02-02
  • ASP.NET Core如何添加統(tǒng)一模型驗(yàn)證處理機(jī)制詳解

    ASP.NET Core如何添加統(tǒng)一模型驗(yàn)證處理機(jī)制詳解

    這篇文章主要給大家介紹了關(guān)于ASP.NET Core如何添加統(tǒng)一模型驗(yàn)證處理機(jī)制的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用ASP.NET Core具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2018-05-05
  • jquery提交表單mvc3后臺(tái)處理示例

    jquery提交表單mvc3后臺(tái)處理示例

    這篇文章主要介紹了jquery提交表單mvc3后臺(tái)處理示例,需要的朋友可以參考下
    2014-05-05
  • VS2010制作第一個(gè)簡單網(wǎng)站

    VS2010制作第一個(gè)簡單網(wǎng)站

    這篇文章主要為大家介紹VS2010如何制作第一個(gè)簡單網(wǎng)站,和大家一起學(xué)習(xí) 動(dòng)態(tài)網(wǎng)站開發(fā)技術(shù),感興趣的小伙伴們可以參考一下
    2015-11-11
  • .NET開發(fā)實(shí)現(xiàn)一個(gè)微信跳一跳的輔助程序

    .NET開發(fā)實(shí)現(xiàn)一個(gè)微信跳一跳的輔助程序

    最近比較火的小游戲就是微信跳一跳了,下面這篇文章主要給大家介紹了關(guān)于如何利用.NET開發(fā)實(shí)現(xiàn)一個(gè)微信跳一跳輔助程序的相關(guān)資料,利用此輔助可以輕松的實(shí)現(xiàn)高分,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2018-01-01
  • .NET?webapi某化妝品直播卡死分析

    .NET?webapi某化妝品直播卡死分析

    這篇文章主要為大家介紹了.NET?webapi化妝品直播卡死分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-06-06
  • ASP.Net Core3.0中使用JWT認(rèn)證的實(shí)現(xiàn)

    ASP.Net Core3.0中使用JWT認(rèn)證的實(shí)現(xiàn)

    這篇文章主要介紹了ASP.Net Core3.0中使用JWT認(rèn)證的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-01-01

最新評(píng)論