利用JQuery的上传插件实现资料的上传

利用ASP.Net技术开发的网站，在涉及图片上传的问题时，可以利用服务器的上传控件来解决问题。当利用客户端的上传控件时，这时会需要利用JQuery的上传插件。

第一步：

在创建的web项目中创建用于存放JQuery插件的文件夹,需要的插件名称如下：

1、jquery-1.10.2.js;

2、jquery.uploadify.min.js;

第二步：

在创建的web项目中创建存放css样式表的文件夹，编写的css代码如下：

第三步：

在创建的web项目中创建用于存放上传文件存放的文件;

第四步：

在创建的web项目中引进两个文件：

1、（这是一个图片文件）

2、引进一个以.swf的文件

第五步：

在创建的web页面中编写的代码

1、HTML代码：

 <input type="file" name="uploadify" id="uploadify" />

2、JQuery代码：

 <script type="text/javascript">

//根据id的值获取HTML中的标签并使用JQuery上传插件中的Uploadify方法
        $(function(){
            $("#uploadify").uploadify({
                'swf': 'uploadify.swf',
                'uploader': 'UploadHandler.aspx',
                'folder': 'UploadFile'
            });
        })
    </script>

3、web后台代码：

 protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                HttpPostedFile file = Request.Files["Filedata"];
                string uploadPath = HttpContext.Current.Server.MapPath("这里写项目中创建的用于存放上传文件的文件夹的名称//");
                if (file != null)
                {
                    if (!Directory.Exists(uploadPath))
                    {
                        Directory.CreateDirectory(uploadPath);
                    }
                    file.SaveAs(uploadPath + file.FileName);
                }
            }
        }