bootstrap的图片选择器选择图片之后获取图片完整地址

在Bootstrap中，可以使用input元素的type属性设置为file来创建一个文件选择器。用户选择了文件之后，可以使用JavaScript来获取所选文件的完整地址。

以下是一个示例代码：

HTML代码：

<div class="form-group">
  <label for="image">选择图片：</label>
  <input type="file" class="form-control-file" id="image">
</div>

JavaScript代码：

var input = document.getElementById('image');
input.addEventListener('change', function(event) {
  var file = event.target.files[0];
  var reader = new FileReader();
  reader.onload = function() {
    var imageUrl = reader.result;
    console.log(imageUrl);
  };
  reader.readAsDataURL(file);
});

在上面的代码中，我们首先获取了input元素，并为其添加了一个change事件监听器。当用户选择了文件之后，事件监听器会被触发，我们可以通过event.target.files[0]获取到用户选择的文件。接下来，我们创建了一个FileReader对象，并为其添加了一个onload事件监听器。当文件读取完成之后，onload事件监听器会被触发，我们可以通过reader.result获取到文件的完整地址，并将其打印到控制台中。

注意，由于安全原因，浏览器不允许JavaScript直接访问本地文件系统中的文件，因此我们需要使用FileReader对象来读取文件内容。在上面的代码中，我们使用了FileReader对象的readAsDataURL方法来将文件内容转换成Base64编码的数据URL，从而获取到文件的完整地址