2016-08-18 4 views
0

2mb以下のサイズを検証するPDFファイルのみをアップロードするサンプルコードです。ファイルが2MBを超える場合、システムはファイルを受け入れないか、フォーム上のファイルを削除するだけで、ユーザーは適切なファイル(2MB以下)を再度アップロードします。大変ありがとうございました。私の悪い英語には申し訳ありません。PDFファイルをアップロードし、2MB以下のサイズを確認します

+0

'fileInput.files [0] .size'はありません – dandavis

+0

あなたはこの質問にPHPやいくつかのサーバーサイドタグを追加する必要がありますか、このような提出前に検証するファイル入力プラグインを使用できますhttp: //plugins.krajee.com/file-input –

答えて

0

このJavaScriptコードは、あなたのhtmlファイルで試してみてください。

function SubmitForm() { 
        var imgpath = document.getElementById("fileUpload").value; 
        if(imgpath=="") 
        { 
         document.getElementById("lblError").innerHTML = "No file was chosen before clicking on Upload button. Please chose a file first."; 
         return; 
        } 

        var allowedFiles = [".pdf"]; 
        var fileUpload = document.getElementById("fileUpload"); 
        var lblError = document.getElementById("lblError"); 
        var regex = new RegExp("([a-zA-Z0-9\s_\\.\-:])+(" + allowedFiles.join('|') + ")$"); 
        if (!regex.test(fileUpload.value.toLowerCase())) { 
         lblError.innerHTML = "Please upload files having extensions: <b>" + allowedFiles.join(', ') + "</b> only."; 
         return; 
        } 
        if (fileUpload.files[0].size > 2097152){ 
         lblError.innerHTML = "File size is more than 2 MB."; 
         return; 
        } 
        lblError.innerHTML = ""; 
        return; 

        lblError.innerHTML = "File Upload in Progress......."; 
        document.form.action = "upload_filedata.asp"; 
        document.form.submit(); 

       } 

そしてSubmitボタンあなたとこの"JavaScript:SubmitForm();"を呼び出します。

関連する問題