本文实例为大家分享了JS使用base64格式上传文件的具体代码，供大家参考，具体内容如下
html页面
<input type="file" id="fielinput" />
<img id="txshow" style="width:100px;height:100px;"/>
<br/>解析之后的base64数据：<br/>
<p id="data"></p>js部分
var input = document.getElementById("fielinput");
input.addEventListener('change', readFile, false);
function readFile() {
var file = this.files[0];
//判断是否是图片类型
var reader = new FileReader(); // 返回一个新的FileReader函数
reader.readAsDataURL(file);
reader.onloadstart = function (e){
console.log(e)
console.log('开始了')
}
reader.onprogress = function(e){
console.log(e)
}
reader.onload = function (e) {
console.log(e);
console.log(reader.result);
txshow.src = this.result;
document.getElementById("data").innerText=this.result.substring(this.result.indexOf(',')+1);
}
reader.onloadend = function(e){
console.log(e)
console.log('结束了')
}
}
小提示
function fileFormData(files){
console.log(this.files[0])
console.log(files.target.files[0])
}在上传文件中，this.files[0]全等于files.target.files[0]的
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程网。
