ファイルの読み込みを防ぎます

Question

私は持っている <input type="file" onchange="isValidFile(this.value)" />.

function isValidFile(filename)
{
     if (getExtension(filename)!=srt)
     {
          //Don't load the file
     }
}

ファイルをロードすると、ラベルがあります <input type="file" /> ファイル名に変更すると、このファイルがロード/選択されていることを示しています。ファイルに誤って延長してロードしてラベルを空白のままにしておきたい場合は、必要です。値を変更しようとしましたが、読みました ここ セキュリティ上の理由では不可能であること。

Answer 1

<form name="abc">
    <input type="file" onchange="isValidFile(this.value)"/>
</form>

<script>
    function isValidFile(filename) {
        if (getExtension(filename) != 'jpg') {
            document.forms['abc'].reset();
            alert("invalid Image");
        }
    }
    function getExtension(filename) {
        return filename.substring(filename.lastIndexOf('.') + 1);
    }
</script>

これを試して

Answer 2

入力タイプファイルを検証するためにjQuery UI検証プラグインを使用してみませんか？

http://jqueryvalidation.org/accept-method/

詳細については、URLを確認してください。