求一个可以JS中二进制流转成图片在html中显示得方法

Lowrie zt 2019-05-14 05:33:42

用AJAX接收数据库的二进制流，然后怎么转成图片？各位大佬求助呀。

...全文

1823 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

HQChart 2019-05-15

打赏
举报

回复

让后台读数据的时候直接转成base64数据给你吧，几行代码的事。前端转又麻烦，而且不同浏览器还不兼容。

瞧俺老孙的 2019-05-14

打赏
举报

回复

数据库里面保存的是什么？二进制的？你确定？不是 base64的？如果真的保存二进制的，可以把数据库设计的拉出去枪毙三分钟然后再回来改设计。

stherix 2019-05-14

打赏
举报

回复

可以转为base64，图片支持这种格式

base64简单地说，它把一些 8-bit 数据翻译成标准 ASCII 字符，我们把图像文件的内容直接写在了HTML 文件中，这样做的好处是，节省了一个HTTP 请求

二进制文件下载（spring+angularJs），正确完后曾业务需求，优化功能，实现前后端一致性，保证代码质量

demo： <html> <head> <meta charset="UTF-8"> <title></title> [removed][removed] </head> <body> <input type="file" /> [removed] /* FileReader共有4种读取方法： 1.readAsArrayBuffer(file)：将文件读取为ArrayBuffer。 2.readAsBinaryString(file)：将文件读取为二进制字符串 3.readAsDataURL(file)：将文件读取为Data URL 4.readAsText(file, [encoding])：将文件读取为文本，encoding缺省值为'UTF-8' */ var wb;//读取完成的数据 var rABS = false; //是否将文件读取为二进制字符串 function importf(obj) {//导入 if(!obj.files) { return; } var f = obj.files[0]; var reader = new FileReader(); reader.onload = function(e) { var data = e.target.result; if(rABS) { wb = XLSX.read(btoa(fixdata(data)), {//手动转化 type: 'base64' }); } else { wb = XLSX.read(data, { type: 'binary' }); } //wb.SheetNames[0]是获取Sheets中第一个Sheet的名字 //wb.Sheets[Sheet名]获取第一个Sheet的数据 document.getElementById("demo")[removed]= JSON.stringify( XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) ); }; if(rABS) { reader.readAsArrayBuffer(f); } else { reader.readAsBinaryString(f); } } function fixdata(data) { //文件流转BinaryString var o = "", l = 0, w = 10240; for(; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l *

WEB前端解压ZIP压缩包　　web前端解压zip文件有什么用：　　　　只考虑标准浏览器的话，服务器只要传输压缩包到客户端，节约了带宽，而且节约了传输时间，听起来好像很厉害的说；　　如果前端的代码很多，而且包含大副的图片，那么就可以把js和css和jpg和png等各种数据通过服务端打包成zip传送到浏览器，浏览器负责解压， css实用动态生成插入到dom中，js也用globalEval直接执行， jpg或者png各种图片文件由blob流转化为image，直接插入到浏览器中；　　html5支持读取Blob(二进制大对象, file文件也是继承了Blob)，并转

战斗吧歌姬小程序附加站-前端二进制文件部署网站包括两个部分：前端原始码，和帖子数据。本代码仓库是前端二进制文件，在Github上进行开源，任何人可以在非商用的串行下自由获取，利用和修改。帖子数据（含静态资源），已经在部分应援团管理人员之间进行内部的流转，以保证数据的存续。部署方法：前端源码：克隆本仓库运行npm install安装依赖运行npm run build 。会在项目目录下出现dist文件夹，内含index.html文件和js，css等文件夹。将dist里面的所有内容部署为静态文件服务即可。帖子数据：将帖子数据中的所有文件夹（目前包括data，static），和前端二进制放在一起作为静态文件提供服务即可。（要放在静态文件目录的根上，也就是和index.html平级）关于本项目请在，点进去之后进行阅读。意见建议/联系开发者直接发问题，或者发邮件到

87,914

社区成员

224,620

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章