FileUploadコントロールファイルのアップロード、拡張、ファイルタイプの制限、およびアップロードの検証

2515 ワード

まず、ファイルのアップロードにはFileUploadコントロールを使用する必要があります.このコントロールについては、一連の操作を行います.
1、選択したファイルを宛先にアップロードする:
	//           
        string name = FileUpload1.FileName;
        //                
        string path = "images/" + DateTime.Now.ToString("yyyyMMddhhmmss") + name;
        //       ,          ,        
        FileUpload1.SaveAs(Server.MapPath(path));

2、アップロードファイルのデフォルトサイズは4 MBに制限され、拡張可能である.
	// Web.config      system.web         ,       4096,   KB,     10 
  	
  	  
 	

3、ブラウズファイルの種類を制限する:
	
        

4、検証のアップロード:
2つの方法に分けて、サービス側検証はページをリフレッシュし、クライアントはjs検証を使用してページをリフレッシュしないので、js検証を推奨します.
サービス:
	//                 ,   B
        if (FileUpload1.PostedFile.ContentLength > (4 * 1024 * 1024))
        {
            Label1.Text = "    4M!";
            return;
        }

クライアント:

        window.onload = function () {
            //        
            document.getElementById('btn1').onclick = function () {
                //  file  
                var fl1 = document.getElementById('file1');
                //         
                if (fl1.value.length <= 0)
                {
                    alert('         !');
                    return false;
                }
                //           
                if (fl1.files[0].size > (4 * 1024 * 1024)) {
                    alert('    4M!');
                    return false;
                }</code></pre> 
  <pre><code class="language-javascript"><span style="white-space:pre">		</span>//           
                if (fl1.value.substr(fl1.value.length-4)!='.jpg' || fl1.value.substr(fl1.value.length-5)!='.jpeg' || fl1.value.substr(fl1.value.length-4)!='.png')
                {
                    alert('         !');
                    return false;
                }
            };
        };