码迷,mamicode.com
首页 > Web开发 > 详细

不使用ASP.NET中的服务器控件将如何上传文件?

时间:2014-08-13 00:38:54      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:style   http   java   使用   os   io   文件   ar   

遇到文件的上传时,可能会有大部分的开发者喜欢使用服务器控件,虽然很方便,但是却不能很好的控制,不具灵活性。

现给出例子,使用html标签语言灵活的控制文件的上传。

1、html部分

<input type="file" id="uploadFile" name="uploadFile" style="display: none;"/>
<a href="#" id="uploads">上传文件</a>
<input type="hidden" id="txtFile" name="txtFile" value=""/>
<div class="img"></div>

2、JS部分

<script type="text/javascript">
        $(document).ready(function () {
            //单击div触发文件的上传事件
            $(".img").click(function() {
                $("#uploadFile").click();
            });
            $("#uploads").click(function () {
                ajaxFileUpload();
            });
        });        
        function ajaxFileUpload() {
            $.ajaxFileUpload
            (          
                {
                    url: ‘/plus/upload.aspx‘, //用于文件上传的服务器端请求地址    
                    secureuri: false, //是否需要安全协议,一般设置为false
                    fileElementId: ‘uploadFile‘, //文件上传域的ID
                    dataType: ‘json‘, //返回值类型 一般设置为json
                    success: function(data, status) //服务器成功响应处理函数
                    {
                        $("#img1").attr("src", data.imgurl);
                        $("#txtFile").val(data.imgurl);
                        if (typeof (data.error) != ‘undefined‘) {
                            if (data.error != ‘‘) {
                                alert(data.error);
                            } else {
                                alert(data.msg);
                            }
                        }
                    },
                    error: function(data, status, e) //服务器响应失败处理函数
                    {
                        alert(e);
                    }
                }
            );
            return false;
        }
    </script>

3、uoload.aspx.cs代码部分

protected void Page_Load(object sender, EventArgs e)
{            
            HttpFileCollection files = Request.Files;
            string msg = string.Empty;
            string error = string.Empty;
            string imgurl = string.Empty;
            
            if (files.Count > 0)
            {
                string fileUrl = Server.MapPath("/") + "uploadfiles\\scholar\\temp\\";  //获取web服务器所在的物理路径
                //若文件夹不存在就创建
                if (!Directory.Exists(fileUrl))
                {
                    Directory.CreateDirectory(fileUrl);
                }
                string fileName = DateTime.Now.ToString("yyyyMMddHHmmssfff") + files[0].FileName.Substring(files[0].FileName.IndexOf(‘.‘));//修改文件名称
                files[0].SaveAs(fileUrl + fileName);    //将上传的文件保存到指定服务器的文件夹中
                msg = "上传成功! 文件大小为:" + ((float)files[0].ContentLength/(1024*1024)).ToString("0.00") + "MB";
                imgurl = "/uploadfiles/scholar/temp/" + fileName;
                string res = "{ error:‘" + error + "‘, msg:‘" + msg + "‘,imgurl:‘" + imgurl + "‘}";
                Response.Write(res);
                Response.End();
               
            }
}




不使用ASP.NET中的服务器控件将如何上传文件?,布布扣,bubuko.com

不使用ASP.NET中的服务器控件将如何上传文件?

标签:style   http   java   使用   os   io   文件   ar   

原文地址:http://www.cnblogs.com/jokeny-gyh/p/3908682.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!