تحكم الخادم HtmlInputText المصرح بناء الجملة

مقالة
11/01/2010

ينشئ عنصر تحكم من جانب الخادم بتعيين <input type=file>عنصر HTML ويتيح إمكانية تحميل ملف إلى الخادم.

<input
    Type="File"
    EnableViewState="False|True"
    Id="string"
    Visible="False|True"
    OnDataBinding="OnDataBinding event handler"
    OnDisposed="OnDisposed event handler"
    OnInit="OnInit event handler"
    OnLoad="OnLoad event handler"
    OnPreRender="OnPreRender event handler"
    OnUnload="OnUnload event handler"
    runat="server"
    />

ملاحظات

استخدام HtmlInputFileعنصر تحكم إلى البرنامج مقابل HTML <input type=file>العنصر. يمكنك استخدام HtmlInputFileعنصر تحكم تصميم الصفحة يسمح للمستخدمين بتحميل الملفات ثنائي أو نص من مستعرض إلى دليل التي تقوم بتعيينها على موقعك على الويب الخادم. يتم ممكّن يحمّل الملفات في HTML 3.2 والكل أحدث برامج استعراض ويب.

مثال

يوضح المثال التالي يحمّل ملفات بسيطة السيناريو. يحدد المقطع الأول من تعليمات برمجية حدث معالج الالصفحة. عندما ينقر المستخدم فوق Uploadالزر على النموذج و اسم الملف ، الطول محتوى و مقدار المحتوى (بالبايت) ، يتم عرض على الصفحة، أثناء إيداع الملف نفسه UploadedFilesالدليل على الخادم.

ملاحظة
يجب عليك تعيين enctypeالسمة للنموذج إلى "multipart/النموذج - بيانات".

بتنفيذ تعليمات برمجية للنموذج HtmlFormعنصر تحكم، HtmlInputFileعنصر تحكم، HtmlInputButtonعنصر تحكم، وأربعة HtmlGenericControls( <div>عنصر و الثلاثة <span>العناصر لكل runat="server"/القيمة السمة الخاصة أزواج بعلامات فتح الخاصة بهم).

ملاحظة
إلى عرض معلومات حول الملف إيداعه على الصفحة، Visibleالخاصية، التي HtmlGenericControlيرث من Controlالفئة, يجب تعيين إلى trueفي تعليمات برمجية معالج الأحداث.

<%@ Page Language="VB" AutoEventWireup="True" %>
<!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>
<title>HtmlInputFile Control</title>
</head>

   <script runat="server">
      Sub UploadBtn_Click(Sender as Object, e as EventArgs)

         ' Display information about posted file
         FileName.InnerHtml = MyFile.PostedFile.FileName
         MyContentType.InnerHtml = MyFile.PostedFile.ContentType 
         ContentLength.InnerHtml = cStr(MyFile.PostedFile.ContentLength)
         FileDetails.Visible = True

         ' Save uploaded file to server
         MyFile.PostedFile.SaveAs("c:\Uploadedfiles\uploadfile.txt")
      End Sub
   </script>

   <body>
      <form id="Form1" action="fileupload.aspx" 
            method="post"
            enctype="multipart/form-data" 
            runat="server">

         <h1>ASP.NET File Upload Example</h1>
         Select File To Upload to Server: 
         <input id="MyFile" 
                type="file" 
                runat="server" /> 
         <br /><br />
         <input id="Submit1" type="submit" 
                value="Upload!"
                onserverclick="UploadBtn_Click" 
                runat="server" />
         <br /><br /><br />
         <div id="FileDetails" 
              visible="false" 
              runat="server">
            FileName: <span id="FileName" runat="server"/> <br />
            ContentType: <span id="MyContentType" runat="server"/> <br />
            ContentLength: <span id="ContentLength" runat="server"/>bytes
            <br />
         </div>
      </form>
   </body>
</html>

<%@ Page Language="C#" AutoEventWireup="True" %>
<!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>
<title>HtmlInputFile Control</title>
</head>

   <script runat="server">
      void UploadBtn_Click(Object sender, EventArgs e)
      {
         // Display information about posted file
         FileName.InnerHtml = MyFile.PostedFile.FileName;
         MyContentType.InnerHtml = MyFile.PostedFile.ContentType; 
         ContentLength.InnerHtml =
                               MyFile.PostedFile.ContentLength.ToString();
         FileDetails.Visible = true;

         // Save uploaded file to server
         MyFile.PostedFile.SaveAs("c:\\Uploadedfiles\\uploadfile.txt");
      }
   </script>

   <body>
      <form id="Form1" action="fileupload.aspx" 
            method="post"
            enctype="multipart/form-data" 
            runat="server">

         <h1>ASP.NET File Upload Example</h1>
         Select File To Upload to Server: 
         <input id="MyFile" 
                type="file" 
                runat="server" /> 
         <br /><br />
         <input id="Submit1" type="submit" 
                value="Upload!"
                onserverclick="UploadBtn_Click" 
                runat="server" />
         <br /><br /><br />
         <div id="FileDetails" 
              visible="false" 
              runat="server">
            FileName: <span id="FileName" runat="server"/> <br />
            ContentType: <span id="MyContentType" runat="server"/> <br />
            ContentLength: <span id="ContentLength" runat="server"/>bytes
            <br />
         </div>
      </form>
   </body>
</html>

مشاركة عبر

تحكم الخادم HtmlInputText المصرح بناء الجملة

ملاحظات

مثال

راجع أيضًا:

المرجع

موارد أخرى

الموارد الإضافية