FileUploadコントロールファイルのアップロード、拡張、ファイルタイプの制限、およびアップロードの検証
2515 ワード
まず、ファイルのアップロードにはFileUploadコントロールを使用する必要があります.このコントロールについては、一連の操作を行います.
1、選択したファイルを宛先にアップロードする:
2、アップロードファイルのデフォルトサイズは4 MBに制限され、拡張可能である.
3、ブラウズファイルの種類を制限する:
4、検証のアップロード:
2つの方法に分けて、サービス側検証はページをリフレッシュし、クライアントはjs検証を使用してページをリフレッシュしないので、js検証を推奨します.
サービス:
クライアント:
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;
}
};
};