前端使用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)
      })

结果:

相关推荐
丁一郎学编程3 分钟前
测试开发面经
java·开发语言
wjs20245 分钟前
TypeScript 命名空间
开发语言
a程序小傲8 分钟前
京东Java面试被问:RPC调用的熔断降级和自适应限流
java·开发语言·算法·面试·职场和发展·rpc·边缘计算
独自破碎E11 分钟前
MyBatis Flex和MyBatis Plus的区别
java·开发语言·mybatis
Jinuss22 分钟前
源码分析之React中ReactDOMRoot实现
前端·javascript·react.js
摘星编程27 分钟前
React Native鸿蒙版:React Query无限滚动
javascript·react native·react.js
无心水30 分钟前
微服务架构下Dubbo线程池选择与配置指南:提升系统性能与稳定性
java·开发语言·微服务·云原生·架构·java-ee·dubbo
web守墓人31 分钟前
【前端】vue3的指令
前端
Chan1633 分钟前
《Java并发编程的艺术》| 并发关键字与 JMM 核心规则
java·开发语言·数据库·spring boot·java-ee·intellij-idea·juc
期待のcode43 分钟前
线程睡眠sleep方法
java·开发语言