首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

封装一个图片文件对象Base64的方法

@/utils/getBase64.js /**  * Create by Deshun  * E-mail: contact@w3h5.com  * Date: 2021-05-27 下午 8:07:...12  */ // 文件对象base64 export default function getBase64 (obj) {   const image = obj; //获取文件域中选中的图片   ...  reader.onload = function (ev) { //文件读取成功完成时触发     let dataURL = ev.target.result; //获得文件读取成功后的DataURL.../getBase64' export default {   data() {     return {       ...     }   },   methods: {     // 图片文件对象Base64...function () {           ...         }       })     }   } } 未经允许不得转载:w3h5-Web前端开发资源网 » 封装一个图片文件对象Base64

15410

DOMString、Document、FormData、Blob、File、ArrayBuffer (

一、XMLHttpRequest 2.0的家臣们 我大学那会儿,一个称为Ajax的东西对前端行业造成了深远影响,不仅是JS语言,而包括前端地位、职位兴起以及工作分工等。...规范解释说DOMString指的是UTF-16字符串,而JavaScript正是使用了这种编码的字符串,因此,在Ajax中,DOMString就等同于JS中的普通字符串。...目前的slice()方法已经跟JS中数组啊,字符串的slice方法用法一致了。...六、家臣之File对象 File顾名思意就是“文件”,通常而言,表示我们使用file控件()选择的FileList对象,或者是使用拖拽操作搞出的DataTransfer...于是,当我们要处理这个ArrayBuffer中的二进制数据,例如,分别8位,16位,32位换一遍,这个数据都不会变化,3种转换共享数据。

2.7K30

js实现图片资源转化成base64的各种场景

网络上有很多片介绍通过js将图片转换成base64的文章,之所以再写这篇文章的原因时发现没有找到系统的介绍的文章,有的介绍如何实现本地项目的图片转码,有的介绍如何实现网络资源的图片转化,但是系统介绍的少之又少...,所以我就在这里将各种场景系统的介绍一下: 场景一:将用户本地上传的资源转化,即用户通过浏览器点击文件上传时,将图片资源转化成base64: ...场景二:将本项目中的图片资源转化成base64,(我还没有用到过此场景,感觉场景二也可以通过场景三来实现) function(){ var url = "static/img/js1...deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest'] } } 至此,便将图片base64码的三种场景介绍完毕了...; return; } 其中reader.result即是base64码后的结果。以上便是对网络上的一些资源的整理,亲测可用。如有不对可以留言交流。

1.7K20
领券