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路径的主要内容,如果未能解决你的问题,请参考以下文章
在jsp页面上用file控件添加一个本地图片的路径,然后在旁边的img中显示出来,并且不刷新页面