JS使用base64格式上传文件
短信预约 -IT技能 免费直播动态提醒
本文实例为大家分享了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.class="lazy" data-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]的
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程网。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
