Javascript Jasny引导,为输入类型设置值=";文件";
我正在使用Jasny引导库Javascript Jasny引导,为输入类型设置值=";文件";,javascript,php,jquery,html,twitter-bootstrap,Javascript,Php,Jquery,Html,Twitter Bootstrap,我正在使用Jasny引导库 http://jasny.github.io/bootstrap/ 我正在使用文件输入字段 <div class="form-group"> <label class="control-label col-lg-2">Site Logo</label> <div class="col-lg-10">
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 -->
在HTML中是这样的
value = "<?php echo $phpVariable ?>"
value=“”
我有来自数据库的数据,我想设置这个文件输入字段的现有值
<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 -->
如果可能,请同时告诉HTML和jQuery。文件名显示在
.fileinput filename
中
<span class="fileinput-filename"><?php echo $phpVariable ?></span>
或者使用JavaScript
var filename = "<?php echo $phpVariable ?>";
$('#myFileUpload .fileinput-filename').text(filename);
var filename=”“;
$('#myFileUpload.fileinput filename').text(filename);
此示例不正确。我知道@pozs可能重复,但它是引导文件输入。它被遮住了。真正的输入字段是隐藏的。因此,它与普通的输入类型不同。如果您希望在选择任何文件之前显示文本,您可能希望在
$(“.fileinput filename”)
中显示它(这是span,不是输入)--但这可能会产生误导(如果用户不选择任何文件,则不会进行上载)。是的,我不想上传。我只想在文本框字段中显示上传文件的名称,该字段为span。。通过jQuery有一种方法。如果我更改类并通过.text添加。但我想避免那个漫长的过程。想看看有没有其他简单的方法,比如函数之类的。。