在上传时利用H5自带的FileReader将数据进行base64转码
<body>
<input type="file" name="imgs" id="imgs" value="选择文件" οnchange="filechange()"/>
</body>
<script>
function filechange(){
var img = event.target.files[0]; //选择的文件
var reader = new FileReader();
var rs = reader.readAsDataURL(img);
reader.οnlοad=function(e){
var dataBase64= e.target.result; //result是你读取到的文件内容,此属性读取完成才能使用
console.log(dataBase64)
//dataBase64即为图片转码后的base64数据
}
}
</script>
另:上传时'data:image/jpeg;base64,‘的内容可能需要replace掉,显示时则需要添加
dataBase64=dataBase64.replace('data:image/jpeg;base64,','')