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

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

第一步:

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

1、jquery-1.10.2.js;

2、jquery.uploadify.min.js;

第二步:

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

利用JQuery的上传插件实现资料的上传_第1张图片

第三步:

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

第四步:

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

1、(这是一个图片文件)

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

第五步:

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

1、HTML代码:

 

2、JQuery代码:

 

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);
                }
            }
        }








你可能感兴趣的:(JQuery)