前端使用js将图片转换为二进制、十六进制

javascript 复制代码
function convertImageToBinary (fileInput) {
        return new Promise((resolve, reject) => {
          const reader = new FileReader()
          reader.onloadend = function () {
            const bytes = new Uint8Array(reader.result)
            resolve(bytes)
          }
          reader.onerror = reject
          reader.readAsArrayBuffer(fileInput)
        })
      }
      convertImageToBinary(file.raw).then(res => {
        console.log('res====>', res)
        const hexValue = Array.prototype.map
          .call(res, (x) => ('0x' + x.toString(16)))
          .join('')
        console.log('hexValue=--==>', hexValue)
      })

结果:

相关推荐
东东516几秒前
资产管理信息系统ssm+vue
前端·javascript·vue.js
森爱。2 分钟前
web开发全家桶(django+前端+数据库)
前端·python·django
骆驼爱记录5 分钟前
Word侧边页码设置全攻略
前端·自动化·word·excel·wps·新人首发
.小墨迹7 分钟前
apollo中速度规划的s-t图讲解【针对借道超车的问题】
开发语言·数据结构·c++·人工智能·学习
小龙报8 分钟前
【数据结构与算法】单链表的综合运用:1.合并两个有序链表 2.分割链表 3.环形链表的约瑟夫问题
c语言·开发语言·数据结构·c++·算法·leetcode·链表
利刃大大9 分钟前
【Vue】声明式导航与传参 && 编程式导航与传参 && 嵌套与守卫
javascript·vue.js·ecmascript
爱喝水的鱼丶10 分钟前
SAP-ABAP:高效开发指南:全局唯一标识符ICF_CREATE_GUID函数的全面解析与实践
运维·服务器·开发语言·数据库·sap·abap·开发交流
徐同保11 分钟前
python使用vscode打断点调试
开发语言·python
方安乐15 分钟前
react笔记之useCallback/useEffect闭包陷阱
前端·笔记·react.js
沐墨染15 分钟前
黑词分析前端组件设计:双面板交互与黑词进度监控
前端