input file获取选择图片的本地路径和base64路径

Posted 梦幻飞雪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input file获取选择图片的本地路径和base64路径相关的知识,希望对你有一定的参考价值。

input file获取选择图片的本地路径和base64路径

本地路径:

myHeadFile: function (e) {   // 这里是input  file 的onchange事件
        const file = e.srcElement.files[0]
        const imgURL = window.URL.createObjectURL(file)   // imgURL就是你的图片的本地路径,两部就能解决问题
 }

base64:

//获取文件  
    var file = $("#imgForm").find("input")[0].files[0];  
  
    //创建读取文件的对象  
    var reader = new FileReader();  
  
    //创建文件读取相关的变量  
    var imgFile;  
    reader.onload=function(e) {  
        alert(文件读取完成);  
        imgFile = e.target.result;  
        console.log(imgFile);  
        $("#imgContent").attr(src, imgFile);  
    };  
  
    //正式读取文件  
    reader.readAsDataURL(file);  

 

以上是关于input file获取选择图片的本地路径和base64路径的主要内容,如果未能解决你的问题,请参考以下文章

file上传图片获取路径地址

使用input选择本地图片,并且实现预览功能

在jsp页面上用file控件添加一个本地图片的路径,然后在旁边的img中显示出来,并且不刷新页面

如何在反应`<input =“file”/>`中获取图像的绝对路径并将其存储在本地状态中?

input type=file 选择文件路径获取方法

input file禁用手机本地文件选择,只允许拍照上传图片 capture=“camera“