上传数据时将其转为base64格式,支持图片视频

来源:互联网 发布:货代软件系统 编辑:程序博客网 时间:2024/05/21 10:34

在上传时利用H5自带的FileReader将数据进行base64转码


<body>
<input type="file" name="imgs" id="imgs" value="选择文件" onchange="filechange()"/>
</body>
<script>
function filechange(){
var img = event.target.files[0]; //选择的文件
var reader = new FileReader();  
    var rs = reader.readAsDataURL(img);  
    reader.onload=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,','')

阅读全文
0 0
原创粉丝点击