Bootstrap 图片选择器获取图片完整地址 - 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，从而获取到文件的完整地址。