社区
JavaScript
帖子详情
图片url转base64
su_cindy
2015-10-15 09:51:25
怎么把获取到的图片url转成base64
...全文
1020
11
打赏
收藏
图片url转base64
怎么把获取到的图片url转成base64
复制链接
扫一扫
分享
转发到动态
举报
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
打赏
举报
回复
传到后台编码
图片
Url
转
换
Base64
图片
Url
转
换
Base64
Java
图片
URL
转
Base64
编码
java
图片
URL
转
Base64
编码
vue
图片
url
转
Base64
编码
【代码】vue
图片
url
转
Base64
编码。
Java
图片
Url
转
Base64
格式
//
转
成
Base64
InputStream httpsFile = null; try { httpsFile = getHttpsFile(
url
); byte[] bytes = IOUtils.toByteArray(httpsFile); result =
Base64
.getEncoder().encodeToString(bytes); } catch (Exception e...
图片
URL
以及上传的
图片
文件
转
base64
图片
URL
以及上传的
图片
文件
转
base64
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章