Bootstrap - 使用 jquery 清除所选文件 - 数据关闭？答案

【问题标题】：Bootstrap - Clear selected file using jquery - data-dismiss?Bootstrap - 使用 jquery 清除所选文件 - 数据关闭？
【发布时间】：2013-05-04 14:31:06
【问题描述】：

所以我有这个 div 专门用于图像上传。我有一个 div 将在选择文件时显示。我还有 <a> 我想摆脱它并使用 jQuery 清除上传的字段。

有人知道怎么做吗？我.bind()'da 点击事件到<a>，但它没有用......（加上我想一起摆脱链接）我相信这是因为“活性成分”是data-dismiss="fileupload" 部分<a>.

如何使用代码而不是锚标记解雇这个坏男孩？

这是我的代码：

<div id="fileuploader" class="fileupload fileupload-new" data-provides="fileupload">
    <div class="fileupload-new thumbnail" style="max-height: 215px; max-width: 175px;">
        <img src="http://www.placehold.it/175x215/EFEFEF/AAAAAA&text=no+image" />
    </div>
    <div class="fileupload-preview fileupload-exists thumbnail" style="max-height: 215px; max-width: 175px; line-height: 20px;">

    </div>
    <div>
        <span class="btn btn-file">
            <span class="fileupload-new">Select image</span>
            <span class="fileupload-exists">Change</span>
            <form>
                <input type="file" name="chosenfile" id="chosenfile"/>
            </form>
        </span>
        <a href="#" id="remove" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
    </div>
</div>

【问题讨论】：

标签： php jquery ajax twitter-bootstrap

【解决方案1】：

我不确定你到底想要做什么，但我认为你想使用这样的点击功能......

$('#remove').click(function(){
    $('#chosenfile').val('');
})

Here's a demo

【讨论】：