输入类型=＆＃34;文件＆＃34;返回fakepath而不是真正的源

Question

我试图存储通过输入类型=＆＃39;文件＆＃39;存储的图像。但问题是它在控制台中显示C:\fakepath\。如何获得真正的路径，以便我可以通过ajax存储它？

 <form>
      <input hidden class="coverImgUploadInput" type="file" >
        <div class="saveArea">
           <a class="saveCover" href="#.">Save</a> 
           <a class="cancelCover" href="#.">Cancel</a>
        </div>
 </form>
  $(".saveCover").on("click", function () {
         var img = $('.coverImgUploadInput').val();
        console.log(img)
   })

Answer 1

这只是浏览器的实现缩短了值，以防止长路径变得奇怪。

访问实际的图像资源以便在AJAX中使用很简单：

$('.save-cover').on('click', function(e) {  
    e.preventDefault();
    let img = $('.coverImgUploadInput').get(0).files[0];
});

关于在MDN中使用files

More information。