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

结果:

相关推荐
qq_1208409371几秒前
Three.js 模型加载稳定性实战:从资源失败到可用发布的工程化方案
前端·javascript·vue.js·vue3·three.js
skywalk81631 分钟前
mock数据什么意思?前端应用mock
前端
阿正的梦工坊3 分钟前
JavaScript 闭包:从入门到精通
开发语言·javascript·ecmascript
weixin199701080164 分钟前
《闲鱼商品详情页前端性能优化实战》
前端·性能优化
qq_12084093714 分钟前
Three.js 性能实战:大场景从 15FPS 到 60FPS 的工程化优化路径
开发语言·前端·javascript
Code-keys10 分钟前
【gdb工具】 使用详细介绍
前端·chrome
guhy fighting14 分钟前
使用vue-virtual-scroller导致打包报错
前端·javascript·vue.js·webpack
小张同学82416 分钟前
[特殊字符]Python 进阶实战指南(PyCharm 专属优化):从高效编码到工程化落地,告别新手低效写法
开发语言·python·pycharm
UXbot17 分钟前
如何用 AI 生成产品原型:从需求描述到可交互界面的完整 5 步流程
前端·人工智能·ui·交互·ai编程
hbstream17 分钟前
Hermes Agent 一周暴涨五万 Star,但我劝你别急着追
前端·人工智能