Asp.Net動的添付ファイルアップロード

11205 ワード

asp.net

2つの方法:
1、formがenctype=「multipart/form-data」属性を指定している場合、fileサーバコントロールを持たなくてもよい
2、ページに初期のfileサーバコントロール(runat="server"フラグが必要)がある場合、enctype="multipart/form-data"属性を持たなくてもよいが、このページには少なくとも1つのrunat="server"のfileコントロールが必要である.そうしないと、バックグラウンドでequestを受信しない.Files.

<%@ Page language="c#" Codebehind="MultiAttchments.aspx.cs" AutoEventWireup="false" Inherits="WebApplication3.MultiAttchments" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
      <HEAD>
            <script>
            function AddAttachments()
            {
                  document.getElementById('attach').innerText = "      ";
                  
                  tb = document.getElementById('attAchments');                  
                  newRow = tb.insertRow();
                  newRow.insertCell().innerHTML = "<input name='File' size='50' type='file'>&nbsp;&nbsp;<input type=button value='  ' onclick='delFile(this.parentElement.parentElement.rowIndex)'>";
            }
            function delFile(index)
            {
                  document.getElementById('attAchments').deleteRow(index);
                  tb.rows.length > 0?document.getElementById('attach').innerText = "      ":document.getElementById('attach').innerText = "    ";
            }
            </script>
      </HEAD>
      <body MS_POSITIONING="GridLayout">
            <form id="form1" method="post" runat="server" enctype="multipart/form-data">
            <div><table id="attAchments"></table></div><span><IMG src="icoAddFl.gif"> </span> <A id="attach" style="font-family:  ;font-size:9pt;" title="          ，       “      ”  ,                   。" onclick="AddAttachments();"
                        href="javascript:;" name="attach">    </A>
                  <br><br><br><br><br><br>
                  <asp:Button id="btnSend" runat="server" Text="    "></asp:Button>
            </form>
      </body>
</HTML>

private void btnSend_Click(object sender, System.EventArgs e)
{
      StringBuilder sb = new StringBuilder(); 
 
      int attCount = 0;
      string filePath = "";
            for(int i=0; i< Request.Files.Count; i++)
            {
                  if(Request.Files[i].ContentLength > 0)
                  {
                        filePath = Request.Files[i].FileName;
                        sb.Append("Files" + attCount++ + ": " + filePath + "<br>");
                        Request.Files[0].SaveAs(Server.MapPath("./") + filePath.Substring(filePath.LastIndexOf("\\")+1));
                  }
            } 
      sb.Insert(0, "you upload " + attCount + " files.<br>");
      Response.Write(sb.ToString());
}

注意デフォルトサイズを超えたファイルについては、プロファイルを変更する必要があります.

maxRequestLength="10000"

useFullyQualifiedRedirec
tUrl="true"

executionTimeout="45"/>

マシーンをconfigまたはweb.configの

sectionのmaxRequestLength値は相応の修正を行う.
===========================================
///htmlファイル

//Jscriptファイル
//注jquery+jquery selecte pulginと組み合わせるhttp://www.texotela.co.uk/code/jquery/select/
function AddFile()
{

var fileupload=$("input[type=file]")[0];

if(fileupload.value == "")

{

alert(「アップロードするファイルを選択してください!」);

return;

}

var ary = fileupload.value.split("\\");

var filename = ary[ary.length-1];

var bAddFile = true;

if(CheckOptionsExists(filename,$("#ListBox1")[0]))

{

alert(「ファイルはすでにリストに存在します!」);

$("#fileupload_div")[0].removeChild(fileupload);

bAddFile = false;

}

var newfile = document.createElement("input");

newfile.type ="file";

newfile.name ="file";

$("#fileupload_div")[0].insertBefore(newfile,$("#fileupload_div")[0].firstChild);

if(!bAddFile)

{

return

}

//var o = new Option(filename,fileupload.uniqueID);

//$("#ListBox1")[0].add(o);//IE only

$("#ListBox1").addOption(fileupload.uniqueID,filename,false);

fileupload.style.display = "";

}
function CheckOptionsExists(value,ddl)
{

for(var i=0;i

{

if(ddl.options[i].innerText == value)

{

return true;

}

}

return false;
}
function RemoveFile()
{

var lst = $("#ListBox1")[0];

if(lst.selectedIndex == -1)

{

alert(「削除する添付ファイルを選択してください!」);

return;

}

var id = lst.options[lst.selectedIndex].value;

//alert( lst.options[lst.selectedIndex].value);

$("#fileupload_div")[0].removeChild(document.all[id]);

lst.removeChild(lst.options[lst.selectedIndex]);

$("#fileupload_div")[0].firstChild.style.display = "";

}

asp.Netフォーマット表示時間は数ヶ月、数日前、数時間前、数分前、または数秒前

[東賓書]実施-ゲーム開発