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

可以使用以下代码实现：

HTML代码：

<input type="file" class="form-control-file" id="image-selector">
<img id="selected-image" src="#" alt="Selected Image">

JavaScript代码：

// 获取图片选择器和图片元素
const imageSelector = document.getElementById('image-selector');
const selectedImage = document.getElementById('selected-image');

// 监听图片选择器的change事件
imageSelector.addEventListener('change', (event) => {
  // 获取选择的图片文件
  const file = event.target.files[0];
  // 创建文件读取器
  const reader = new FileReader();
  // 设置文件读取器的load事件处理函数
  reader.onload = (event) => {
    // 将选择的图片显示在图片元素中
    selectedImage.src = event.target.result;
    // 获取图片的完整地址
    const imageUrl = event.target.result;
    // 输出图片的完整地址
    console.log(imageUrl);
  };
  // 读取文件
  reader.readAsDataURL(file);
});

以上代码会监听图片选择器的change事件，当用户选择图片后，会将选择的图片显示在图片元素中，并输出图片的完整地址。注意，图片的完整地址是一个Base64编码的字符串。如果需要上传到服务器，需要将其解码并保存为文件