87,992
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
越前君 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
- 打赏
- 举报
传到后台编码
