Aps.net中基于bootstrapt图片上传插件的应用

Aps.net中基于bootstrapt图片上传插件的应用

---

在最近的项目中需要使用一个图片上传的功能，而且是多张图片同时上传到服务器的文件夹中，将图片路径存放在数据库中。为了外观好看使用了bootstrapt插件。插件下载地址：   http://www.jq22.com/jquery-info5231

 

index.html中的代码：

 

<script>
  //初始化函数
    $("#file-1").fileinput({
        uploadUrl: 'image/Handler.ashx', // you must set a valid URL here else you will get an error
        allowedFileExtensions : ['jpg', 'png','gif'],
        overwriteInitial: false,
        maxFileSize: 1000,
        maxFilesNum: 10,
        //allowedFileTypes: ['image', 'video', 'flash'],
        slugCallback: function(filename) {
            return filename.replace('(', '_').replace(']', '_');
        }
    });
   
    </script>

很多博友在uploadUrl的参数设置中总是表达不清除，使用什么MVC接受图片的信息，现在MVC使用已经下降，我使用一般处理程序完成了图片得保存。

  public class Handler : IHttpHandler
    {
        MethodUpload md = new MethodUpload();
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            context.Response.Charset = "utf-8";
            // context.Response.Write(md.SaveFile(context));
            addFile();
        }
        /// <summary>
        /// 添加图片的方法
        /// </summary>
        public void addFile()
        {
            HttpFileCollection files = HttpContext.Current.Request.Files;
            try
            {
                for (int iFile = 0; iFile < files.Count; iFile++)
                {
                    ///'检查文件扩展名字
                    HttpPostedFile postedFile = files[iFile];
                    string fileName, fileExtension;
                    fileName = System.IO.Path.GetFileName(postedFile.FileName);
                    if (fileName != "")
                    {
                        fileExtension = System.IO.Path.GetExtension(fileName);
                        string path = System.Web.HttpContext.Current.Request.MapPath("images/");
                                            
                        if (!Directory.Exists(path))
                        {
                            Directory.CreateDirectory(path);
                        }
                        postedFile.SaveAs(path + fileName);                      
                    }
                }                        
            }
            catch (System.Exception Ex)
            {
              
            }
        }



        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }