<input type="file" id="Test" type="file" onchange="getBase64(event)">
以上是HTML代码,其中在 input 标签中插入 accept 可以指定上传文件的类型
例如我想上传图片文件,指定上传gif,jpg,jpeg和png类型
<input type="file" type="file" accept=".gif,.jpg,.jpeg,.png">
以下是JavaScript代码
function getBase(e) {
console.info(e.target.files[0]); //图片文件
var dom = document.getElementById("Test"); //获取input元素
console.info(dom.value); //打印文件的路径
console.log(e.target.value); //这个也是文件的路径和上面的dom.value是一样的
var reader = new FileReader();
reader.onload = (function(file) {
return function(e) {
console.info(this.result); //这个就是base64的数据了
};
})(e.target.files[0]);
reader.readAsDataURL(e.target.files[0]);
}
可以直接复制使用