用Js将图片转为base64字符串

如题，前台使用js将file表单选中的图片转换为base64字符串，请问该怎么做？

这是我在网上找的相关代码，使用firefox调试，每次运行到img.onload就退出去了，进不了function，不知道是哪里有问题，还是压根就写错了。请好心人指点，先谢谢了！

写回答
好问题提建议
追加酬金
关注问题
收藏
分享
邀请回答

5条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
GoCityPass新加坡曼谷通票 2015-07-20 01:46

已采纳
bbb是file丢下，没有onload事件，改为onchagne，用HTML5的FileReader对象就可以转为base64了，不需要canvas

而且你bbb已经存在，不需要再append了。。如果是客户端图片预览，看这个： javascript客户端图片预览，兼容最新firefox，chrome和IE11

img.onchange = function () { var oFReader = new FileReader(); oFReader.readAsDataURL(this.files[0]); oFReader.onload = function (oFREvent) { alert(oFREvent.target.result); }; }
评论
解决无用
打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

评论

登录后可回复...

查看更多回答(4条)

报告相同问题？

提交关注问题

相关推荐更多相似问题

用Js将图片转为base64字符串 javascript
2015-07-20 01:33

回答 5 已采纳 bbb是file丢下，没有onload事件，改为onchagne，用HTML5的[FileReader](http://www.coding123.net/article/20130515/HTML5
vue+element-ui怎么将base64字符串显示成图片啊 html5 node.js vue.js
2019-07-09 16:11

回答 3 已采纳
将换行符添加到base64url字符串
2019-07-26 22:59

回答 1 已采纳 I finally fixed it. I had to change the content type from text/html to text/plain, and now the new
js将图片转为base64编码，以字符串传到后台存入数据库
2020-11-10 16:43

carcarrot的博客该链接文中并没有用到easyUI的相关样式，也没有将图片的缩略图展示出来现用一个新建页面进行显示，先看一下效果图： HTML： <!DOCTYPE html> <html lang="en"> <head> <meta ...
前端图片转base64
2017-04-07 18:29

通过绑定按钮来触发图片选择,获得图片的base64编码,类型,名称可用于图片异步上传,或者在线预览,基于WebUploader
java 将图片转为base64返回给前端
2020-02-13 14:07

一只沙雕的博客 base64 = base64.replaceAll("\n", "").replaceAll("\r", ""); object.put("code", "data:image/jpg;base64," + base64); response.getWriter().write(object.toString()); } catch (IOException e) { ...
Go-将base64字符串保存到文件
2016-07-28 23:57

回答 2 已采纳 The main problem of those code is, when you read the io.Reader, the cursor won't back to the first
如何使用 JavaScript 将图像转换为 Base64 字符串？ javascript 有问必答
2022-01-09 13:03

回答 3 已采纳 function toDataURL(url, callback) { var xhr = new XMLHttpRequest(); xhr.onload = function() { v
base64字符串转成File且不写入磁盘 java tomcat
2019-05-09 10:58

回答 3 已采纳直接传base64字符串或者字符数组不可以嘛不管传输什么信息终究是传输序列化后的数据创建一个类,包含文件的全部信息(比如里面有一个字符串成员变量保存base64信息)用于自定义序列化规则
js转base64字符串到图片
2020-08-09 11:49

zhao123sun的博客 //document.getElementById('location').setAttribute( 'src', 'data:image/png;base64,' + da );
ArrayBuffer转为base64字符串
2020-06-10 22:23

愚舜的博客 ArrayBuffer是字节数组，又称类型化数组，相当于数组，不过存储的东西是01组成的而已，ArrayBuffer不能直接操作，...2、将二进制字符串通过btoa方法转为base64字符串； function ArrayBufferToBase64(buffer) { //
js如何将选中图片文件转换成Base64字符串?
2018-09-13 21:29

weixin_34120274的博客 1、首先了解一下为什么要把图片文件转换成Base64的字符串 在常规的web开发过程中，大部分上传文件都是在web页面端通过表单直接提交，再由服务器端捕获请求来进行处理的。但是在前后端分离趋于一种流行趋势，再加上...
MFC/VC base64字符串 如何还原成图片？
2017-10-11 06:55

回答 1 已采纳 http://www.jb51.net/article/74722.htm
Golang将base64数据解码为字符串
2017-10-10 14:51

回答 1 已采纳 StdEncoding.DecodeString(data) (which is base64.Encoding.DecodeString()) returns you the decoded d
关于C语言的base64字符串解码
2015-11-09 12:51

回答 2 已采纳 const char * base64char = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; int
Base64字符串转为图片存储
2021-04-25 12:17

JobsTribe的博客将base64字符串复制出来，然后在notepad中复制出来： <img src="data:image/jpeg;base64,/9j/4jjasfdasdfasdfasdfsdfasfd" /> 复盘 base64字符串用标签 src中data指定image/jpeg;base64类型 ...
vue中怎么把图片转换成base64字符串 , 以及base64字符串怎么转换成图片路径
2021-11-05 16:01

调调啊的博客二 , 页面中使用van-uploader上传文件的组件 <template> <div> <van-form ref="formRef"> <van-field> <template #input> <van-uploader v-model="fil...
base64转化字节流 js_js中字符串转base64以及base64转字符串原理及实现
2020-12-29 00:38

李楽的博客今天刷codewars的题目的时候碰到一个通过js来实现字符串转base64的题目，base64虽然在js或nodejs中经常用，但是我还真没有仔细去看过原理以及如何实现，这回绕不过去了，赶紧找了找资料看了下。先贴下参考资料再贴下...
如何使用golang在文件系统中的base64字符串中创建jpg / png图像
2017-02-10 07:59

回答 1 已采纳 I would do something like this : b := getB64PNG() unbased, err := base64.StdEncoding.DecodeString
JS中十六进制字符串转为base64
2020-07-28 21:20

-江流儿-的博客 function sha1_to_base64(sha1) { var digits="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; var base64_rep = ""; var cnt = 0; var bit_arr = 0; var bit_num = 0; for(var n = 0; n &lt...
没有解决我的问题, 去提问

csdnFc1123

用Js将图片转为base64字符串

5条回答 默认 最新

相关推荐 更多相似问题

5条回答默认最新

相关推荐更多相似问题