多文件上传

最新推荐文章于 2022-06-30 20:36:43 发布

lzg_lin

最新推荐文章于 2022-06-30 20:36:43 发布

阅读量238

点赞数

分类专栏： javascript 文章标签： button textbox file function input server

本文链接：https://blog.csdn.net/lzg_lin/article/details/5604387

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

適用IE

client側　

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>無題のページ</title>
<%--<style>
input{border:1px solid #333333;color:#666666;background:#eeeeee;font:normal 12px Tahoma;height:18px}
</style>--%>
<script type="text/javascript">

var num = 0;
function addFile(idText, idFile) {

            if (num > 0) {
                var _idtext = "text" + (num - 1).toString();
                var _idbutton = "button" + (num - 1).toString();
                document.getElementById(_idtext).style.border = "0";
                document.getElementById(_idbutton).style.display = "none";
            }
            var div = document.createElement("div");
            var idtext = "text" + num.toString();
            var t = document.createElement("input");
            t.setAttribute("type", "text");
            t.setAttribute("size", "50");
            t.setAttribute("id", idtext);
            div.appendChild(t);

            var idbutton = "button" + num.toString();
            var b = document.createElement("input");
            b.setAttribute("type", "button");
            b.setAttribute("id", idbutton);
            b.setAttribute("value", "参照..");
            div.appendChild(b);

            var idfile = "file" + num.toString();
            var f = document.createElement("input");
            f.setAttribute("type", "file");
            f.setAttribute("name", "file");
            f.setAttribute("size", "50");
            f.setAttribute("id", idfile);
            div.appendChild(f);

document.getElementById("_container").appendChild(div);

        function fclick(obj) {
            with (obj) {
                style.posTop = event.srcElement.offsetTop;
                var x = event.x - offsetWidth / 2;
                if (x < event.srcElement.offsetLeft) x = event.srcElement.offsetLeft;
                if (x > event.srcElement.offsetLeft + event.srcElement.offsetWidth - offsetWidth) x = event.srcElement.offsetLeft + event.srcElement.offsetWidth - offsetWidth;
                style.posLeft = x;
            }
        }

</script>

</head>
<body>
    <form id="form1" runat="server" method="post" enctype="multipart/form-data">
    <h3>
        MultiFile Upload</h3>
    User Name：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <div id="_container">
        <input type="text" size="50" id="filename" />
        <input type="button" name="button" id="button" style="position:absolute" value="参照.." οnmοuseοver="fclick(t_file)" />

server側

    protected void UploadButton_Click(object sender, EventArgs e)
    {
        ///'遍历File表单元素
        HttpFileCollection files = HttpContext.Current.Request.Files;

        /// '状态信息
        System.Text.StringBuilder strMsg = new System.Text.StringBuilder("您输入的用户名是：" + TextBox1.Text + "<br/>");
        strMsg.Append("The files you uploaded are：<hr color='red'/>");
        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);
                    strMsg.Append("Type：" + postedFile.ContentType.ToString() + "<br>");
                    strMsg.Append("Client Adress：" + postedFile.FileName + "<br>");
                    strMsg.Append("File Name：" + fileName + "<br>");
                    strMsg.Append("File Extention：" + fileExtension + "<br><hr>");
                    ///'可根据扩展名字的不同保存到不同的文件夹
                    ///注意：可能要修改你的文件夹的匿名写入权限。
                    postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath("Upoladfiles/") + fileName);
                }
            }
            strStatus.Text = strMsg.ToString();
        }
        catch (System.Exception Ex)
        {
            strStatus.Text = Ex.Message;
        }

}

lzg_lin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
多文件上传

適用IEclient側　 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 無題のページinput{border:1px solid #333333;color:#666666;background:#eeeeee;font:normal 12px T
复制链接

扫一扫