Question

我使用标准函数来检索系统中的图像，因为我们在数据库中有二进制文件，这在整个系统中都很好用。

目前正在实现jqGrid并且在使用当前结构时遇到一些问题，因为图像没有显示，并且jquery结构（$obj = $("<div>");）不可用。

现在我尝试实现获取二进制图像，但是当它使用静态网址时它不会显示，它可以正常工作并且正在检索图像数据。

 $.extend($.fn.fmatter, {
            getBinairy: function (cellValue, options) {
                //var object = $();
                var width = 50;
                var html = "";
                getImage(cellValue).success(function (data) {
                    $.each($.parseJSON(data.d), function (idx, obj) {
                        p_image = obj.img;
                        p_type = obj.type;
                        p_width = obj.width;
                        p_height = obj.height;
                    });
                    var _width = width / p_width;
                    var _height = _width * p_height;
                    html = "<img src='data:" + p_type + ";base64," + p_image + "' />";

                    //object = $("<img/>", {
                    //    src: "data:" + p_type + ";base64," + p_image,
                    //    width: width,
                    //    height: _height
                    //});
                    //object.append($img);
                });
                //var html = "<img src='img/test/20131027_132450.jpg' />";
                return html;
            },

到目前为止我认为fn加载“html”的速度太快，我无法理解其他原因，但不知道如何避免这种情况。

任何帮助？

--- --- UPDATE

 var ip = "";
            var station = "";
            return $.ajax({
                type: "POST",
                url: "services/general.asmx/SendBinairy",
                data: JSON.stringify({ session: 'ed6d1cc6-82f9-46e8-91bb-eae341a771cf', ip: ip, station: station, id: id }), ///, _filter: JSON.stringify(_json) }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                loaderror: function (xhr, status, error) {
                },
                success: function (data) { }
            });

--- --- UPDATE

"dataset": [
  {
    "id": 5,
    "suffix_type_id": 0,
    "sexe_type_id": 1146,
    "first_name": "Varvara",
    "middle_name": "",
    "last_name": "D",
    "full_name": "Varvara D",
    "company_name": "",
    "nickname": "",
    "birthday": "1983-12-18",
    "age": 31,
    "language_type_id": 6,
    "relation_type_id": 0,
    "job_status_type_id": 404,
    "nationality_type_id": 0,
    "last_online": "",
    "last_online_app_id": 0,
    "profile_image": 24,
    "profile_rating": 7.000,
    "number_contacts": 0,
    "number_applications": 0,
    "address_id": 0,
    "address_1": null,
    "address_2": null,
    "address_3": null,
    "number": 0,
    "add": null,
    "postal_code": null,
    "city": null,
    "city_type_id": 0,
    "latitude": null,
    "longitude": null,
    "state": null,
    "state_type_id": 0,
    "country_type_id": 0,
    "address_type_id": 0,
    "image": [
      {
        "file_id": 24,
        "binary": "/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIB

这就是我将数据添加到jqGrid

的方式

$("#" + grid_id).jqGrid({
                                        loadonce: true,
                                        type: "POST",
                                        url: "services/general.asmx/HelloWorld",
                                        postData: { q: session },
                                        datastr: colD,
                                        contentType: "application/json; charset=utf-8",
                                        datatype: "jsonstring",
                                        colModel: colM,
                                        rowNum: 10,
                                        rowList: [10, 20, 30],
                                        pager: '#' + grid_id,
                                        sortname: 'id',
                                        viewrecords: true,
                                        sortorder: "desc",

Answer 1

函数getImage在您的代码中未定义，但我仍然认为您为getBinairy格式化程序选择了错误的方法。我想你在格式化程序内部对服务器进行异步 Ajax调用。因此函数getBinairy返回""（html变量的初始值）。

我建议您更改cellValue的格式 - 填充主网格返回的列的数据格式。例如，数据可以是JSON编码对象{src:.., width:... , height:... }或{mimeType: ..., charset: ..., base64: ..., width: ... , height: ...}或其他一些。重要的是输入数据应该是完整的并且格式化程序将根据数据生成<img>而不用任何Ajax调用。

jqGrid二进制图像不会显示

1 个答案: