1. ホーム
  2. jquery

[解決済み] ファイル入力のクリア方法

2022-09-05 08:27:55

質問

以下は、ファイル入力と"クリアファイル"ボタンを表示する私の持っているjqueryコードの一部です。

var $imagefile = $('<input />').attr({
    type: 'file',
    name: 'imageFile',
    class: 'imageFile'
});

$image.append($imagefile);

var $imageclear = $('<input />').attr({
    type: 'button',
    name: 'imageClear',
    class: 'imageClear',
    value: 'Clear File'
});

$image.append($imageclear);

現在、"Clear File" ボタンがある理由は、ボタンをクリックすると、ファイル入力にあるものがすべて消去されるからです。Clear File" ボタンをクリックすると、実際にファイル入力がクリアされるようにするには、どのようにコーディングすればよいのでしょうか。

どのように解決するのですか。

これは動作するはずです。

$imageClear.on('click', function() { 
    $imageFile.val(''); 
});