读取input:file的路径并显示本地图片的方法

读取input:file的路径并显示本地图片，一般需要通过JavaScript来实现。首先需要在HTML中添加一个input元素，其中type为file，用于选择本地图片文件。接着在JavaScript中获取这个input元素的value，即文件路径，再将该路径作为图片元素的src，即可实现显示本地图片。

具体步骤如下：

1. 在HTML中添加input元素：

<input type="file" id="fileInput">
<img id="image">

2. 在JavaScript中获取input元素的value，并将路径作为图片元素的src：

var input = document.getElementById('fileInput');
var img = document.getElementById('image');

input.addEventListener('change', function() {
  var file = this.files[0];
  var fileReader = new FileReader();
  
  fileReader.onload = function() {
    img.src = fileReader.result;
  };
  
  fileReader.readAsDataURL(file);
}, false);

上述代码中，首先获取了id为'fileInput'的input元素和id为'image'的img元素。接着添加了change事件监听器，当input元素的文件选择发生变化时触发该事件。在事件处理函数中，创建了一个FileReader对象用于读取文件内容。当读取完成后，将读取到的内容（即文件路径）转换成data URL格式，再将该data URL作为图片元素的src即可。