• 使用XMLHttpRequest处理异步请求返回的图片等二进制文件


    封装的Ajax没有接受文件的类型 所以要用传统的 XMLHttpRequest来处理

    function ShowPdf() {
                var url = "/ChannelLiquidation/ShowPdf.ashx?PdfName=<%=PdfName %>&pdfFolder=<%=PdfFolder %>";
                var xhr = null;;
                if (window.XMLHttpRequest) {// code for IE7, Firefox, Opera, etc.
                    xhr = new XMLHttpRequest();
                }
                else if (window.ActiveXObject) {// code for IE6, IE5
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
                }
                if (xhr != null) {
                    xhr.onreadystatechange = false;
                    xhr.open('GET', url, true);
                    xhr.responseType = "blob";
                    xhr.setRequestHeader("client_type", "DESKTOP_WEB");
                    xhr.setRequestHeader("desktop_web_access_key", Math.random().toString());
                    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);
                            img.style.cssText = " 90%; float: left";
                            img.setAttribute("onerror","this.src='../Assets/img/notBill.jpeg'");
                            $("#div_imgcontainer").html(img);
                        }
                    }
                    xhr.send();
                }
            }
            $(function () {ShowPdf();})

  • 相关阅读:
    冒泡排序
    CFURLCreateStringByAddingPercentEscapes
    AESCrypt加密与解密
    关于Xcode 的SDK与系统版本理解
    nginx 安全稳定版本
    bcom 遇到的那些问题
    nginx 配置404错误页面
    AES 对称加密解密
    SpringCloud stream连接RabbitMQ收发信息
    springboot1.5 和 2.0 引入 redis 并封装工具类
  • 原文地址:https://www.cnblogs.com/ccmsalome/p/7274552.html
Copyright © 2020-2023  润新知