Question

我正在使用Jasny Bootstrap库

http://jasny.github.io/bootstrap/

即时使用文件输入字段。

                <div class="form-group">
                    <label class="control-label col-lg-2">Site Logo</label>
                    <div class="col-lg-10">
                        <div class="fileinput fileinput-new input-group" data-provides="fileinput" id="fileInputSiteLogo">
                            <div class="form-control" data-trigger="fileinput"><i class="glyphicon glyphicon-file fileinput-exists"></i> <span class="fileinput-filename"></span></div>
                            <span class="input-group-addon btn btn-default btn-file"><span class="fileinput-new">Select file</span><span class="fileinput-exists">Change</span><input type="file" name="siteLogo"></span>
                            <a href="#" class="input-group-addon btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
                        </div>
                    </div>
                </div><!-- /.form-group -->

问题是我想将值设置为。

对于jQuery中的普通TextBox，我知道它是

$('#inputselector').val($phpVariable);

，在HTML中，它是

value = "<?php echo $phpVariable ?>"

我有来自数据库的数据，我想将现有值设置为此文件输入字段。

如果可能，请告诉HTML和jQuery。

Answer 1

文件名显示在.fileinput-filename。

中

<span class="fileinput-filename"><?php echo $phpVariable ?></span>

或使用JavaScript

var filename = "<?php echo $phpVariable ?>";
$('#myFileUpload .fileinput-filename').text(filename);

此示例没有正确escaping。

Jasny BootStrap，输入类型的设置值=“file”

1 个答案: