input file如何获取选择图片的本地路径和base64路径
2018-03-05 10:39
1151 查看
本地路径
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);
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);
相关文章推荐
- Qt 打开安卓相册选择图片并获取图片的本地路径
- js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径(转载)
- 如何显示选择input file的图片
- 读取input:file的路径并显示本地图片的方法
- 上传图片input-file表单元素值为C://fakepath,不能得到本地真实路径解决方法
- 读取input:file的路径并显示本地图片的方法
- 通过input 的file 控件,上传图片,如何获取文件的大小问题
- 读取input:file的路径并显示本地的图片
- WebView支持<input type="file">调起本地文件,获取图片
- 如何获取input type=file的路径
- 读取input:file的路径并显示本地图片的方法
- input文件框选择本地图片后页面预览图片并获取图片长宽以及大小 图片上传前预览
- 把input—file获取的图片存到本地绝对路劲
- js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径
- 读取input:file的路径并显示本地图片的方法
- 如何调用andorid本地图库并获取其图片路径
- Qt 打开安卓相冊选择图片并获取图片的本地路径
- 人脸检测,身份证扫描调三方接口获取图片base64路径转file,存入数据库(Vue)
- 如何获取<input type="file">获取文件路径
- 如何通过JS获取用户本地图片路径