base64 是对图片字节内容进行的字符编码,那么第一步就得获取到图片内容,在浏览器里面获取资源内容还能在js里操作,就是fetch和xhr,都有同域要求不能跨域,对于自己服务下面的url可以 操作,其他服务的url一般不行。fetch('/xxx.jpg').then(res => res.blob()) .then(blob => { var reader = new FileReader(); reader.readAsDataURL(blob); reader.onloadend = function() { var base64data = reader.result; image.src = base64data } })
base64 是对图片字节内容进行的字符编码,那么第一步就得获取到图片内容,在浏览器里面获取资源内容还能在js里操作,就是fetch和xhr,都有同域要求不能跨域,对于自己服务下面的url可以
操作,其他服务的url一般不行。