将 XMLhttpRequest 中的 JPG 数据放入 <img /> 标签中
put jpg data from xmlhttprequest into <img /> tag
这是我代码的一部分
xmlhttp.open("GET", theUrl, true);
document.imglive.innerHTML = '<img src="data:image/jpeg,' + xmlhttp.responseText + '"/>';
这似乎不起作用。我也试过
document.imglive.src= xmlhttp.responseText;
两者都不起作用
我在这里检查了一些问题,但没有一个答案可以帮助解决这个问题。
使用 base64 来处理这些事情。在现代浏览器中,有这个btoa
本机函数可以帮助您:
document.imglive.innerHTML = "<img src='data:image/jpeg;base64," + btoa(xmlhttp.responseText) + "'/>";
对于其他浏览器,有简单的模拟实现,只需查看它们即可。
PS:不要污染document
对象,使用单独的变量或命名空间。
如果您对IE10+感到满意,则可以将xhr.responseType = 'blob'
与window.URL.createObjectURL()
结合使用(以获得免费支持以获取正确的MIME类型(。
xhr.responseType = 'blob';
xhr.onload = function(response) {
var url = window.URL.createObjectURL(response);
document.imglive.src = url; // from your example code
}
xhr.open("GET", theUrl, true);
相关文章:
- 我应该如何在 UL 内触发 IMG 标签的点击
- Grails-设置g:点击img标签选择值
- JavaScript on Click 事件在 img 标签上无法正常工作
- 在容器中,我有文本和 img 标签,如何仅使用 js 或 jquery 获取文本
- 如何在单击“提交”按钮后使文本区域和 IMG 标签只读
- javascript 将 IMG 标签中的图像转换为 标签中的实际链接图像
- 当在 img 标签中提到类时,Href 不起作用
- 使用 javascript 从图像数组中更改 img 标签 src.骰子游戏
- 捕获 img 标签并更改图像
- jQuery 按 ID 名称删除 img 标签不起作用
- 在 javascript 中调用 img 标签
- 在 jQuery 中获取 IMG 标签的 ID
- 如何访问嵌套在 h1 标签中的 img 标签元素
- HTML Img 标签使用 Javascript 重新加载
- 在 img 标签上叠加图形边框
- 如何在TR的最后一个TD中添加事件或将ID属性添加到IMG标签
- 安卓:在 img 标签中显示捕获的图像
- 我收到错误.我需要创建 img 标签
- 如何使用jquery添加img标签的alt属性
- 将图像从 img 标签的 src 上传到 php