te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>javascript - Create a html image from json image data - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>javascript - Create a html image from json image data - Stack Overflow

    javascript - Create a html image from json image data - Stack Overflow

    programmeradmin3浏览0评论

    I get from the server an image as json format:

    image=iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAA

    for the google marker I have to assign an image this way:

      var myImage = "../Content/image.jpeg";

            var markerOptions = {
                position: bound,
                map: map,
                icon: myImage 
            };

    How can I convert the json image data into an image google maps accepts?

    I have tried this:

     var image = document.createElement('img');
 image.src = "data:image/png;base64" + base64JsonData;

    but this result in an error on runtime.

    This is the full json which I did not paste here before because of flood preventing...:

    image=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

    I get from the server an image as json format:

    image=iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAA

    for the google marker I have to assign an image this way:

      var myImage = "../Content/image.jpeg";

            var markerOptions = {
                position: bound,
                map: map,
                icon: myImage 
            };

    How can I convert the json image data into an image google maps accepts?

    I have tried this:

     var image = document.createElement('img');
 image.src = "data:image/png;base64" + base64JsonData;

    but this result in an error on runtime.

    This is the full json which I did not paste here before because of flood preventing...:

    image=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
    • javascript
    • html
    • json
    • image
    Share Improve this question edited Jun 5, 2013 at 10:39 HelloWorld asked Jun 5, 2013 at 9:55 HelloWorldHelloWorld 4,88212 gold badges50 silver badges84 bronze badges 7
    • 2 Which error? @HelloWorld – SamDroid Commented Jun 5, 2013 at 10:14
    • I'm looking into it at the moment but I can't even get the data URI to work for a normal image. As for setting it as a Google Marker, it may just take the Data URI directly if it takes the Path the same way. Would need to double check with the specs. – Turnerj Commented Jun 5, 2013 at 10:15
    • 1 src="data:image/png;base64," +base64JsonData; -- Try this – Rinku Commented Jun 5, 2013 at 10:16
    • you are missing a ma en.wikipedia/wiki/Data_URI_scheme src="data:image/png;base64," – Eduard Gamonal Commented Jun 5, 2013 at 10:17
    • now I do not get an error anymore with the "ma" added but still the image is not visible on the map. – HelloWorld Commented Jun 5, 2013 at 10:27
     |  Show 2 more ments

    1 Answer 1

    Reset to default 13 
    var image = document.createElement('img');
image.src = "data:image/png;base64," + base64JsonData;

    For further reading see this link

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论