ユーザーがファイルアップロード用にファイルを選択したかどうかを確認するにはどうすればよいですか?

Question

私が持っているなら

<input id="uploadFile" type="file" />

タグと送信ボタンについて、IE6 (以降) でファイルがユーザーによって選択されたかどうかを確認するにはどうすればよいですか。

FFでは、次のことを行うだけです。

var selected = document.getElementById("uploadBox").files.length > 0;

しかし、IEではそれは機能しません。

Answer 1

これは IE (FF もそうだと思います) で動作します。

if(document.getElementById("uploadBox").value != "") {
   // you have a file
}

Answer 2

このコードは私のローカル環境でも動作しますが、ライブ環境でも動作することを願っています

var nme = document.getElementById("uploadFile");
if(nme.value.length < 4) {
    alert('Must Select any of your photo for upload!');
    nme.focus();
    return false;
}

Answer 3

function validateAndUpload(input){
    var URL = window.URL || window.webkitURL;
    var file = input.files[0];

    if (file) {
        var image = new Image();

        image.onload = function() {
            if (this.width) {
                 console.log('Image has width, I think it is real image');
                 //TODO: upload to backend
            }
        };

        image.src = URL.createObjectURL(file);
    }
};​

<input type="file" name="uploadPicture" accept="image/*" onChange="validateAndUpload(this);"/>

変更時にこの関数を呼び出します。

Answer 4

次のものが使用できます。

    var files = uploadFile.files;

    if (files.length == 0) { console.log(true) } else { console.log(false) }
    if (files[0] == undefined) { console.log(true) } else { console.log(false) }
    if (files[0] == null) { console.log(true) } else { console.log(false) }

3 つとも同じ結果が得られます。