【JavaScript】fileコントロールの中身をクリアする

小佐野 (2011年11月28日 17:31)
システムソリューション事業部

みなさん、こんにちは。

fileコントロールの中身をクリアしたい場合、
セキュリティ上の問題により単純にvalueをクリアにすることは出来ません。

// クリアできない
document.getElementById('fileコントロールのid').value = '';

以下の方法で対応できます。

var area = document.getElementById('span1');
var temp = area.innerHTML;
area.innerHTML = temp;

fileコントロールを囲む形でspanタグを配置し、innerHTMLを置き換えます。
innerHTMLを入れ替えているだけに見えますが、ちゃんとクリアされます。
fileコントロールの中身ではなく、htmlごと書き換えてしまえば良いということですね。

システム開発のアイロベックスは、創業23年を迎える
プロフェッショナル集団です。