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();})

  • 相关阅读:
    Android高斯模糊技术,实现毛玻璃效果(转)
    设计模式笔记之六:生产消费者模式
    设计模式笔记之五:观察者模式
    设计模式笔记之四:MVP+Retrofit+RxJava组合使用
    设计模式笔记之三:Android DataBinding库(MVVM设计模式)
    Eclipse Code Recommenders 自动补全(联想)神器
    java根据freeMark模板生成内容
    通过java反射机制,获取对象的属性和值(包括所有继承的父类)
    win7下自动更新svn目录
    jdk11 eclipse下开启ZGC
  • 原文地址:https://www.cnblogs.com/ccmsalome/p/7274552.html
Copyright © 2011-2022 走看看