瀏覽器異步加載服務器端的圖片
需求:瀏覽器中的img標簽動態更換來自服務器端的圖片。
1.java后臺service訪問服務器端本地資源,生成二進制數據,轉成base64編碼。
BASE64Encoder encoder = new sun.misc.BASE64Encoder(); File file = new File(fileurl); FileInputStream fips = new FileInputStream(file); ByteArrayOutputStream bops = new ByteArrayOutputStream(); int data = -1; try { while((data = inStream.read()) != -1){ bops.write(data); } } catch(Exception e){ return null; } byte[] btImg = bops.toByteArray(); return encoder.encodeBuffer(btImg).trim();
2.前臺js接收上面來自服務器后臺的base64編碼,設置為img標簽的src。
//可以使用ajax接收來自服務器端的base64編碼 $("img").attr("src", "data:image/jpeg;base64," + 來自服務器的base64編碼);
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!