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

结果:

相关推荐
m0_7482453414 分钟前
python——Django 框架
开发语言·python·django
曼巴UE518 分钟前
UE5.3 C++ TArray系列(一)
开发语言·c++·ue5
熬夜苦读学习30 分钟前
Linux文件系统
linux·运维·服务器·开发语言·后端
祈澈菇凉35 分钟前
如何结合使用thread-loader和cache-loader以获得最佳效果?
前端
菜鸟一枚在这38 分钟前
深度解析建造者模式:复杂对象构建的优雅之道
java·开发语言·算法
垣宇38 分钟前
Vite 和 Webpack 的区别和选择
前端·webpack·node.js
java1234_小锋41 分钟前
一周学会Flask3 Python Web开发-客户端状态信息Cookie以及加密
前端·python·flask·flask3
化作繁星44 分钟前
如何在 React 中测试高阶组件?
前端·javascript·react.js
Au_ust1 小时前
千峰React:函数组件使用(2)
前端·javascript·react.js
阿巴~阿巴~1 小时前
多源 BFS 算法详解:从原理到实现,高效解决多源最短路问题
开发语言·数据结构·c++·算法·宽度优先