-1

ファイルをアップロードするタスクがあります。このファイルには削除ボタンがあります。削除したい場合は、削除ボタンを押すことができます。そのためにコードを使用しました

コードは

<div id="main">
    <p id="addfile1">Add File</p>
    <div id="file1">
        <input type="file"/>
    <input type="image" src="http://farm8.staticflickr.com/7153/6852073179_00961ba267.jpg" width="20px" id="btnClose1"/>
    </div>
    <p id="addfile2">Add File</p>
    <div id="file2">
        <input type="file"/>
    <input type="image" src="http://farm8.staticflickr.com/7153/6852073179_00961ba267.jpg" width="20px" id="btnClose2"/>
    </div>
    <p id="addfile3">Add File</p>
    <div id="file3">
        <input type="file"/>
    <input type="image" src="http://farm8.staticflickr.com/7153/6852073179_00961ba267.jpg" width="20px" id="btnClose3"/>
    </div>
</div>

jsは

$("#file").hide();
 $("#btnClose").hide();
    $("#addfile").click(function() {
        $("#file").show();
        $("#btnClose").show();
        $("#addfile").hide();
});
});

【addfileをクリックするだけでファイルタグを表示したい。レコード選択時に削除ボタンも表示したい・addfileを非表示にしたい】

+++デモ+++

4

2 に答える 2

1

ファイルの選択を解除するには、入力の値をクリアする必要があります

$('input[type="image"]').click(function(){
        $(this).parent().find('input[type="file"]').val('');
});

$('input[type="image"]')キャンセル画像はどこにあり('input[type="file"]')、file input

于 2013-05-03T12:45:12.123 に答える
0

何かのようなもの

<p id="deletefile1" class="delete">delete File</p>

使用して

$(".deletefile").click(function() {
  $("#addfile"+this.id.replace("deletefile","")).hide();
  $.post("pathToJsp",{filetodelete:$(this).data("filename")}, function(data) {
    $("#responseContainer").html(data);
  });
});
于 2013-05-03T12:29:21.063 に答える