javascript - Using ReadableStream as HTML <img> source -


i'm using fetch dynamically load images server. how use returned readablestream image source in html? in code example below data.body readablestream, how set images source in web page? there way use pipe image source?

imageservice.js

getimage(key) {     if(key != null) {         return this._downloadimagemap().then((imagemap) => {             let uri = imagemap[key];             if(uri != null) {                 return this.client.fetch(uri).then((data) => {                     return data.body;                 });             } else {                 throw new error('image not found');             }         });     } else {         return promise.reject(new error('no key specified'));     } }

example desired usage (does not work):

this.imageservice.getimage(this.skill).then((imgstream) => {         $('#theimage').attr('src', 'data:image/png;base64,' + imgstream); });

slightly different in way don't return imagedata after calling fetch (no need that)

plus don't use filereader worse memory & cpu

getskillimage(key) {    return key     ? this._downloadimagemap().then(imagemap => {      let {path} = imagemap[key]      return path         ? this.client.fetch(path).then(response => response.blob())        : promise.reject(new error('image not found'))    })    : promise.reject(new error('no key specified'))  }    this.imageservice.getskillimage(this.skill).then(imagedata => {    this.imageloaded = true    let src = url.createobjecturl(imagedata)    $('#' + this.skill + '> img').attr('src', src)  })


-

Comments

Post a Comment

Popular posts from this blog

java - SSE Emitter : Manage timeouts and complete() -

i writing web app multiple listeners(evcentsource sse clients js) connected server . want store sse emitter per connected listener : can done in memory or other means assigning id each client able achieve far now question ; how send response/event specific client connected web app ? while doing sseemmiters stored either getting completed or timed out. how prevent ? how keep sseemmiter available open infinite time (till client closes) , send events selectively .
Read more

Voice chat over bluetooth between Android & Python (pybluez) -

i need stream live audio between android , python (pybluez). at first, i've thought sip, i've understood works on android internet , not bluetooth. so - solution i'm thinking on send voice data on sockets, in project: https://github.com/deanthomson/android-udp-audio-chat my big issue solution bluetooth sockets has no "udp mechanism". rfcomm bluetooth sockets connection oriented, tcp sockets, , i'm worrying can lead bad audio transfer speeds.. should use method transfer 2-way live audio on bluetooth?
Read more

Integrate jquery-globalize into an ASP.NET Core MVC App -

in tutorial : building first asp.net core mvc app visual studio purpose build simple movie application. @ step adding model there note below : note you may not able enter decimal points or commas in price field. support jquery validation non-english locales use comma (”,”) decimal point, , non us-english date formats, must take steps globalize app. see additional resources more information. now, enter whole numbers 10. but did not found in mentioned additionnal resources how integrate jquery date / decimal inputs when using non english locale. this explain in tutorial : getting started asp.net mvc 5 @ step 7 examining edit methods , edit view (near end of page). same tutorial targeting asp.net mvc, not asp.net core mvc. i tried follow same steps stuck because _layout view in asp.net core mvc tutorial cannot set same way in asp.net mvc tutorial. do know how integrate jquery globalize js package asp.net core mvc web app ? or better can translate conc...
Read more