Bootstrap 图片选择器：获取选中图片地址

在使用 Bootstrap 构建网页时，您可能需要使用图片选择器让用户上传图片。本文将介绍如何使用简单的 JavaScript 代码获取用户选择的图片地址。

步骤：

使用 jQuery 获取图片选择器的引用：
```
$('#imageSelector')
```
其中，#imageSelector 是您在 HTML 中为图片选择器指定的 ID。
使用 attr('src') 方法获取图片地址：
```
var imgSrc = $('#imageSelector').attr('src');
```
这将返回选定图片的 URL 地址。

在图片选择器的 change 事件中执行代码：

$('#imageSelector').on('change', function() {
  var imgSrc = $(this).attr('src');
  console.log(imgSrc); // 输出图片的 URL 地址
});

这确保了在用户选择图片后立即获取图片地址。

完整示例：

<input type='file' id='imageSelector'>

<script>
  $('#imageSelector').on('change', function() {
    var imgSrc = $(this).attr('src');
    console.log(imgSrc); // 输出图片的 URL 地址
  });
</script>

注意：

此代码使用 jQuery。确保在您的项目中包含 jQuery 库。
attr('src') 方法可能在某些浏览器中无法正常工作，因为它返回的是文件路径而不是 URL。
为了更安全和可靠地处理图片上传，您应该使用服务器端代码。