用 FileUpload控件進行上傳文件。

<asp:FileUpload ID="FileUpload1" runat="server" />

屬性 accept=".jpg,.jpeg,.png" 設置只能查看到的文件類型。

1、在服務端進行的上傳命令執行

2、在Js中控制上傳文件的大小

 1 <script type="text/javascript">
 2     document.getElementById("Button1").onclick = function () {
 3         var fl = document.getElementById(‘
 
FileUpload1‘);
 4         if (fl.value.length <= 0) {
 5             document.getElementById(‘Label1‘).innerHTML = "請先選擇要上傳的文件!";
 6             return false;
 7         }
 8         else {
 9             if (fl.files[0].size > 1024 * 1024 * 4) {
10                 document.getElementById(‘Label1‘).innerHTML = "
 
文件過大，不允許超過4MB大小！";
11                 return false;
12             }
13         }
14     }
15 </script>

3、在服務端限制上傳文件的大小

1  if (FileUpload1.PostedFile.ContentLength > 1024 * 1024 * 4)
2         {
3             Label1.Text = "文件過大！";
4             return;
5         }

4、限制查看到的文件類型：

accept=".jpg,.jpeg,.png" 在控件中添加這個屬性設置。

5、擴容

在web.config中的<system.web>標記中
改為<httpRuntime maxRequestLength="40960"/>

【2017-05-30】WebForm文件上傳