ASP图片Base64编码

[kevin3331]

我从上一个表单获取一个图片路径（图片不需要上传哦，是直接获取的。），比如：image=request("image")，如何将这个图片Base64编码，并将编码结果输出？

[usecf]

我是在前端页面上增加的js方法 function getBase64Image(urlPath) // urlPath就是你图片的路径 { var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d');//返回一个用于在画布上绘图的环境，当前唯一的合法值是 "2d"， //它指定了二维绘图，返回一个 CanvasRenderingContext2D 对象，使用它可以绘制到 Canvas 元素中 var w = 300;//canvas的宽 var h = 400;//canvas的高 var img = new Image(); img.crossOrigin = 'Anonymous';//解决Canvas.toDataURL 图片跨域问题 img.src = urlPath; //渲染方法 var imgs = function () { context.drawImage(img, 0, 0,w,h); //导出 var base64Img = canvas.toDataURL('image/jpg'); //console.log(base64Img); //alert("img data:"+base64Img); } img.onload = function () { imgs(); } } 你参考下看有用没

[前端_小菜鸟]

data:image/png;base64, 如果你想 <img src="data:image/png;base64,加上base64图片" />就可以显示

[kevin3331]

<script> function getBase64Image(11.jpg) // urlPath就是你图片的路径 { var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d');//返回一个用于在画布上绘图的环境，当前唯一的合法值是 "2d"， //它指定了二维绘图，返回一个 CanvasRenderingContext2D 对象，使用它可以绘制到 Canvas 元素中 var w = 300;//canvas的宽 var h = 400;//canvas的高 var img = new Image(); img.crossOrigin = 'Anonymous';//解决Canvas.toDataURL 图片跨域问题 img.src = urlPath; //渲染方法 var imgs = function () { context.drawImage(img, 0, 0,w,h); //导出 var base64Img = canvas.toDataURL('image/jpg'); //console.log(base64Img); //alert("img data:"+base64Img); } img.onload = function () { imgs(); } } </script> 这样运行出来是空白的

[kevin3331]

引用 2 楼 前端_小菜鸟 的回复:

data:image/png;base64, 如果你想 <img src="data:image/png;base64,加上base64图片" />就可以显示

我是要把图片base64编码，不是将base64好的图片显示出来，反了。

[前端_小菜鸟]