fileで指定したファイルを解除する

inputのfileで指定したファイルを削除するには、一度要素を削除して、もう一度タグを挿入し直すのがよいらしい。

<input type='file' id='upfile' name='upfile' />
<input type='button' id='clearbtn' value='選択キャンセル' onClick='clearFile()'/>

function clearFile(event) {
    event.preventDefault();
    $("#upfile").remove();
    $("#clearbtn")
        .before("<input type='file' id='upfile' name='upfile' />");
}

• 指定の要素の後ろに追加する場合はafter()を利用する。