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

结果:

相关推荐
上天_去_做颗惺星 EVE_BLUE8 分钟前
Docker高效使用指南:从基础到实战模板
开发语言·ubuntu·docker·容器·mac·虚拟环境
2401_857683549 分钟前
C++中的原型模式
开发语言·c++·算法
烬头882118 分钟前
React Native鸿蒙跨平台采用了函数式组件的形式,通过 props 接收分类数据,使用 TouchableOpacity实现了点击交互效果
javascript·react native·react.js·ecmascript·交互·harmonyos
s1hiyu18 分钟前
C++动态链接库开发
开发语言·c++·算法
Amumu1213818 分钟前
Vuex介绍
前端·javascript·vue.js
(❁´◡`❁)Jimmy(❁´◡`❁)19 分钟前
CF2188 C. Restricted Sorting
c语言·开发语言·算法
We་ct19 分钟前
LeetCode 54. 螺旋矩阵:两种解法吃透顺时针遍历逻辑
前端·算法·leetcode·矩阵·typescript
星火开发设计24 分钟前
C++ 预处理指令:#include、#define 与条件编译
java·开发语言·c++·学习·算法·知识
许泽宇的技术分享26 分钟前
第 1 章:认识 Claude Code
开发语言·人工智能·python
2601_9498095931 分钟前
flutter_for_openharmony家庭相册app实战+相册详情实现
javascript·flutter·ajax