ajax接收二进制文件并转化成int,string等

二进制Ajax请求与处理

最新推荐文章于 2024-03-25 16:03:53 发布

weixin_33895016

最新推荐文章于 2024-03-25 16:03:53 发布

阅读量410

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bwzydr/p/8432215.html

本文介绍了一种使用Ajax请求服务器二进制文件的方法，并详细展示了如何通过JavaScript处理返回的二进制数据，包括将其转换为整数和字符串。

1. ajax请求服务器二进制文件的方法。

//二进制Ajax请求
            var xmlhttpbinary;
            //获得请求url的参数
            function GetRequest() {
                    //向服务器发送异步请求
                    xmlhttpbinary = null;
                    if (window.XMLHttpRequest) {// code for IE7, Firefox, Opera, etc.
                        xmlhttpbinary = new XMLHttpRequest();
                    }
                    else if (window.ActiveXObject) {// code for IE6, IE5
                        xmlhttpbinary = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    if (xmlhttpbinary != null) {
                        xmlhttpbinary.responseType = "blob"; //这里要用blob
                        xmlhttpbinary.onreadystatechange = blobxpr_state_Change;
                        xmlhttpbinary.open("GET", "test3.txt", true);
                        xmlhttpbinary.send(null);
                    }
                    else {
                        alert("Your browser does not support XMLHTTP.");
                    }
            }

注释：xmlhttpbinary的请求类型应该是blob

2. 接收返回的数据

function blobxpr_state_Change() {
            if (xmlhttpbinary.readyState == 4) {// 4 = "loaded"
                if (xmlhttpbinary.status == 200) {// 200 = "OK"
                    var bigblob = xmlhttpbinary.response;
                    var reader = new FileReader();
                    var smallblob;
                    smallblob = bigblob.slice(0, 22);                    
                    reader.readAsArrayBuffer(smallblob);
                    reader.onloadend = function (evt) {     //filereader加载blob成功处理函数
                        var buffer = evt.target.result;
                        //读取int                        
                        var dv = new DataView(buffer);
                        var a5 = dv.getInt32(0);
                        //读取string
                        var enc = new TextDecoder();
                        var abc = enc.decode(buffer);
                        alert("获得字符串 " + abc);
                        document.getElementById("demo").innerHTML = abc;
                    }
                }
                else {
                    alert("Problem retrieving XML data:" + xmlhttpbinary.statusText);
                }
            }
        }