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);