ajax 请求二进制流图片

最新推荐文章于 2021-08-05 15:07:05 发布

weixin_30361753

最新推荐文章于 2021-08-05 15:07:05 发布

阅读量186

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/nxxshxf/p/5226373.html

版权

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>ajax 请求二进制流图片</title>
    <script src="Scripts/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/boot.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="imgcontainer">
    </div>
    </form>
</body>
</html>
<script language="javascript" type="text/javascript">
    var url = bootPATH + "../server/images/1.png";
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = "blob";
    xhr.setRequestHeader("client_type", "DESKTOP_WEB");
    xhr.onload = function () {
        if (this.status == 200) {
            var blob = this.response;
            var img = document.createElement("img");
            img.onload = function (e) {
                window.URL.revokeObjectURL(img.src);
            };
            img.src = window.URL.createObjectURL(blob);
            $("#imgcontainer").html(img);
        }
    }
    xhr.send();
</script>

转载于:https://www.cnblogs.com/nxxshxf/p/5226373.html

weixin_30361753

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax 请求二进制流图片

<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>ajax 请求二进制流图片</title> <script src="Scripts/jquery.min.js" type="text/javascript"></script...
复制链接

扫一扫