图片url转base64

su_cindy 2015-10-15 09:51:25
怎么把获取到的图片url转成base64
...全文
1020 11 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
越前君 2018-09-25
  • 打赏
  • 举报
回复
+1,跨域图片如何转
wanggang04 2016-08-31
  • 打赏
  • 举报
回复
canvas 跨域图片解决了吗
chanel_1 2015-10-16
  • 打赏
  • 举报
回复
如果图片不跨域,可以用canvas转一下,如果跨域,网上说加上 img.crossOrigin = 'Anonymous';管用,但是我测的是不管用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas</title> </head> <body> <img src="image/ab_photo.jpg" alt="" id="convertImg"> <script> window.onload=function(){ function convertImgToBase64(url,fileobj){ document.createElement("div") var canvas=document.createElement("canvas") var c=canvas.getContext('2d') img = new Image; img.crossOrigin = 'Anonymous'; img.onload=function(){ canvas.height=fileobj.height; canvas.width=fileobj.width; c.drawImage(fileobj,0,0); convertImg.src=canvas.toDataURL() } img.src=url; } var convertImg=document.getElementById("convertImg") convertImgToBase64(convertImg.src,convertImg) } </script> </body> </html>
su_cindy 2015-10-15
  • 打赏
  • 举报
回复
这位大神,window.btoa('http:///')怎么写,帮帮忙,很急,谢谢啦
slwsss 2015-10-15
  • 打赏
  • 举报
回复
window.btoa('http:///')
su_cindy 2015-10-15
  • 打赏
  • 举报
回复
可以运行,谢谢,不过我要的是把图片链接转为base64
chanel_1 2015-10-15
  • 打赏
  • 举报
回复
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script> </head> <body> <input type="file" id="addimg"> <div id="showImgcontainer"></div> <script> $(function(){ $("#addimg").change(function(){ $("#showImgcontainer").append('<img id="showimg">'); PreviewImage(this,"showimg"); }); //js本地预览 function PreviewImage(fileObj,imgPreviewId){ var file = fileObj.files[0]; if(window.FileReader&&fileObj.files[0]){ var reader = new FileReader(); reader.onload = function(e){ document.getElementById(imgPreviewId).setAttribute("src",e.target.result); return e.target.result; } reader.readAsDataURL(file); } } }); </script> </body> </html> 整个文档拷给你了,可以运行起来看看
su_cindy 2015-10-15
  • 打赏
  • 举报
回复
我看不太懂,我url转base64,url怎么放,能不能把代码发全一点,谢谢啦
chanel_1 2015-10-15
  • 打赏
  • 举报
回复
//第一个是img对象,第二个是它的ID function PreviewImage(fileObj,imgPreviewId){ var file = fileObj.files[0]; if(window.FileReader&&fileObj.files[0]){ var reader = new FileReader(); reader.onload = function(e){ document.getElementById(imgPreviewId).setAttribute("src",e.target.result); return e.target.result; } reader.readAsDataURL(file); } } });
su_cindy 2015-10-15
  • 打赏
  • 举报
回复
但现在要去我用就是或jquery把url转为base64再传到后台
slwsss 2015-10-15
  • 打赏
  • 举报
回复
传到后台编码

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧