zoukankan      html  css  js  c++  java
  • 使用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();})

  • 相关阅读:
    NSScanner 的使用
    判断ios设备型号
    图片渲染成蓝色的问题
    UITextView使用体会
    html标签的语义化之搜索引擎优化
    如何用 Canvas绘制图形
    js的几个案例
    js的几种面向对象
    CSS3的几个基本知识点简介
    关于html和CSS的几个基本知识点
  • 原文地址:https://www.cnblogs.com/ccmsalome/p/7274552.html
Copyright © 2011-2022 走看看