我无法将Blob文件转换为base64并将其保存在JavaScript的对象中
将Blob文件转换为base64并保存在JavaScript对象中，可以通过以下步骤实现：
- 首先，需要使用FileReader对象读取Blob文件的内容。创建一个新的FileReader实例。
var reader = new FileReader();- 为FileReader对象设置onload事件处理程序，以在文件加载完成后执行操作。
reader.onload = function(event) {
// 在这里进行base64转换和保存操作
};- 使用FileReader的readAsDataURL方法读取Blob文件，并将其转换为base64格式。
reader.readAsDataURL(blobFile);这里的blobFile是你要转换的Blob文件。
- 在onload事件处理程序中，可以通过
reader.result获取转换后的base64字符串。
reader.onload = function(event) {
var base64String = reader.result;
// 在这里可以将base64字符串保存到JavaScript对象中
};现在，你可以将base64String保存到JavaScript对象中，以便后续使用。
关于Blob文件转换为base64的完整代码示例：
function convertBlobToBase64(blobFile) {
var reader = new FileReader();
reader.onload = function(event) {
var base64String = reader.result;
// 在这里可以将base64字符串保存到JavaScript对象中
console.log(base64String);
};
reader.readAsDataURL(blobFile);
}
// 示例用法
var blobFile = new Blob(["Hello, World!"], { type: "text/plain" });
convertBlobToBase64(blobFile);这样，你就可以将Blob文件转换为base64并保存在JavaScript对象中了。
注意：以上代码示例中没有提及具体的腾讯云产品，因为在这个问题中不要求提及特定的云计算品牌商。如果你需要使用腾讯云相关产品来处理Blob文件或其他云计算任务，你可以参考腾讯云的文档和开发者资源，以找到适合你需求的产品和服务。
相关·内容
1回答
将图像保存到Google中记录属性
google-apps-script、base64、blob
目前，我正在从HTML表单中创建一个图像文件，并使用以下代码将其转换为base64：
fileImput.addEventListener("change", function() {
if (file = this.files[0]) {
let reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function() {
var base64String = reader.result;
}
}
我将base64String传递给服务器，
浏览 3提问于2021-03-04得票数 1
回答已采纳
1回答
如何将BASE64编码成.kml文件？
javascript、angularjs、base64、kml、data-conversion
我将kml文件转换为base64。现在我想把base64编码成kml文件？这个是可能的吗？我像这样转换kml文件..
$scope.myFunction = function () {
var files = document.getElementById('myFile').files;
if (files.length > 0) {
getBase64(files[0]);
}
}
function getBase64(file) {
var re
浏览 0提问于2017-08-25得票数 3
1回答
从资产中获取映像并将其转换为base64
angular
我正在尝试制作一个包含图像的pdf，但我在代码中实际获取图像时遇到了困难。在我的项目资产文件夹中有一个图像列表(svg和png)，我想要将它们转换为base64，这样我就可以将它们用于我的pdf。
问题是，我无法找到一种方法来实际加载我知道它存在于该资产文件夹中的图像，例如有一个绝对路径(/ assets /映像/{imagename}.png)，并将其加载到代码中。
下面是转换为base64的代码：
convertImageToBase64(file: File) {
const reader: FileReader = new FileReader();
reader.readAs
浏览 0提问于2019-06-20得票数 7
回答已采纳
1回答
如何将文件保存在localStorage中，然后用mvc发送到服务器上
c#、jquery、asp.net-mvc
如何将文件保存在localStorage中，稍后如何检索文件并将其发送到服务器上保存。
<input id="File1" type="file" onchange="saveLocal();" />
<button type="button" onclick="saveServer()">Sync</button>
<script>
function saveServer()
{
var blob = localStorage.get
浏览 0提问于2018-10-21得票数 1
2回答
如何打印或保存在线编辑的图像(使用javascript/jQuery)？
javascript、jquery、html、css、image
我用html、css和javascript/jquery做了一个简单的图像处理实验。
我们可以从本地驱动器上传图像并在浏览器中显示。之后，我们还可以编辑/标记显示的图像。我使用 jquery图像标记插件。
然后我想，如何保存/打印编辑的图像？
这是我的代码片段：
$(function () {
$(":file").change(function () {
if (this.files && this.files[0]) {
var reader = new FileReader();
re
浏览 8提问于2015-12-02得票数 0
回答已采纳
1回答
如何使用javascript发送本地图像并在PHP中接收
javascript
我们有一个本地系统，我想要创建一个页面，从其中提取一个图像('')并发送到一个php脚本。
我有这样的代码，它使用FileReader类：
function fileAsDataURL(file) {
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function () {
return (reader.result;
};
reader.onerror = function (error) {
return 0;
};
浏览 0提问于2019-06-14得票数 0
回答已采纳
2回答
如何在cookie JavaScript中添加图片？
javascript、php、cookies
我正在制作一个网站，我想把一张图片存储在我的帐户页面的曲奇中。当我上传配置文件图片时，它工作得很好，但是当我重新加载时，配置文件图片是默认图片，而不是我之前选择的图片。如何做到这一点:当我刷新页面时，配置文件图片保持不变，而不是默认图片？我的代码：
function preview_image(event) {
var reader = new FileReader();
reader.onload = function(){
var output = document.getElementById('output_image');
浏览 1提问于2021-05-30得票数 2
1回答
FileReader: DOMException，无法将blob转换为base64字符串
javascript、angular、ionic-framework、base64、blob
我使用FileReader将Blob (从大于2GB的文件创建)转换为base64字符串。但遗憾的是，我最终犯了以下错误：
DOMException: The requested file could not be read, typically due to permission problems that have occurred after a reference to a file was acquired
如果文件低于2GB，它就能正常工作。
转换器：
private convertBlobToBase64 = (blob: Blob, filename: string) =&
浏览 29提问于2022-07-27得票数 2
回答已采纳
2回答
将observable<File>转换为observable<string> (base64)的Rxjs链
javascript、angular、rxjs、dom-events、rxjs-observables
我有一个可以将文件对象转换为base64的工作代码：
let reader = new FileReader();
reader.readAsDataURL(myFile);
reader.onload = () => {
let resultStrOrArrayBuf = reader.result;
if (!(resultStrOrArrayBuf instanceof ArrayBuffer)) {
..do something with resultStrOrArrayBuf
}
浏览 3提问于2020-12-11得票数 0
回答已采纳
1回答
如何在Base64String中设置具有JavaScript值的Dynamics /365字段
javascript、dynamics-crm、dynamics-365
我想用文档的基本64字符串值来设置"base64string“，然后我将获得该值并将文档加载到sharepoint(我已经有了通过控制台应用程序进行此操作的c#代码)。
我下面的代码似乎不起作用，基本上这个值从未设置过，字段base64string是一个多行，有100万个字符。
<html>
<head>
<meta charset="utf-8">
</head>
<body>
Please select a file and then hit Evaluate:
<br/>
&l
浏览 0提问于2018-07-02得票数 1
回答已采纳
1回答
使用只有javascript的Cropper.js，我的下面的脚本代码相互冲突
javascript、jquery、html5-canvas、cropperjs、cropper
我正在尝试制作一个自定义的模型生成器。在这段脚本代码下面，我可以在不使用ajax或其他东西的情况下在浏览器中模拟。但当我尝试将其与cropper.js集成时，我猜是试图使用ajax将图片保存在项目文件夹中。 我想要实现的是在页面中只有一个脚本代码，在选择一个图片后，我希望它在打开模式中裁剪它，然后图片将被放置到它所属的位置(这是由脚本代码设置的)。 我要提前感谢你的帮助。 Cropper.js脚本代码： <script>
var $modal = $('#modal');
var image = document.getEl
浏览 48提问于2021-07-26得票数 0
回答已采纳
1回答
使用crypto-js对文件进行AES加密和解密
javascript、aes、cryptojs
我目前有这样的要求，但是我不能解密加密的文件，生成的文件总是被破坏，无法打开，我不知道问题出在哪里。下面发布的代码是我在VUE中使用的代码。
Encode() {
let CryptoJS = require("crypto-js");
this.file_mime = this.file.type;
this.file_name = this.file.name;
let reader = new FileReader();
reader.onload = (
浏览 306提问于2020-03-04得票数 3
回答已采纳
2回答
获取图像并将其转换为用于MySQL的BLOB
javascript、mysql、encoding、type-conversion、blob
我正在尝试创建一个JavaScript，它将图像文件转换为BLOB (首先将文件转换为Base64，然后转换为BLOB)，因此我的项目不支持toBlob()，因此我找到了不同的转换步骤，并将它们组合在一起，它们的工作方式使我不得不将BLOB从它为Mysql编写的代码中负责与数据库通信的部分传递出来。(我有充分发挥作用的)。现在，我只需要找到一种方法，通过保存imageforQuery函数结果的变量将它们连接起来。
到目前为止我的代码是：
let base64String = "";
function imageforQuery(imageid) {
浏览 17提问于2022-01-18得票数 0
2回答
如何使以下readAsDataURL返回多个readAsDataURL？
javascript、file
此函数读取从输入字段获取的文件并返回它们的dataUrls：
readAsDataURL (target) {
// target => <input type="file" id="file">
var reader = new FileReader()
return new Promise(function (resolve, reject) {
reader.onload = function (event) {
resolve(event.target.result)
}
reader.r
浏览 3提问于2017-06-13得票数 4
回答已采纳
1回答
将八位位流转换为PNG
javascript、angularjs
如何将BLOB数据:application/octet-stream；base64转换为data:image/png;base64？
无论如何，图像都会显示出来，但是浏览器不允许我用鼠标右键打开新选项卡中的图像。
$http({
url: image,
responseType: 'blob'
}).then((resp)=>{
var reader = new FileReader();
reader.onload = function(){
$scope.model.view.image = reader.result;
浏览 1提问于2017-10-25得票数 2
回答已采纳
1回答
使用javascript (客户端)将图像发送到数据库
javascript、node.js
我使用一个输入标签，用户可以上传自己的图像。完成后，我的目标是将图像发送到我的服务器(这是一个node.js服务器)，然后将它发送到我的数据库。我怎么能在客户端这么做？我应该在base64中编码图像文件吗？我只是有一个函数来显示图像，但我不确定它在这里是否有用。
联署材料：
avatar.onchange = function() {
var reader = new FileReader();
reader.onload = function(e) {
// get loaded data
image.src = e.target.result;
};
//
浏览 2提问于2017-11-25得票数 0
回答已采纳
4回答
需要帮助才能使用循环生成三个块
javascript、jquery、arrays、arraylist
下面3段代码，我想使用循环/数组来生成简短的代码。我知道使用循环并不是一件很大的事情，但对我来说，用变量"openFile“改变计数器是很困难的，我希望计数器用变量"openFile”递增，就像openFile1，openFile2和openFile3一样，循环的每一次迭代。 $(function() {
var openFile1 = function(event) {
var input = event.target;
var reader = new FileReader();
reader.on
浏览 16提问于2017-12-25得票数 4
回答已采纳
1回答
从集合中读取Uint8Array缓冲区并以pdf格式下载
mongodb、pdf、meteor
我使用以下函数在集合中保存了一个pdf文件：
/*** client.js ***/
// asign a change event into input tag
'change input' : function(event,template){
var file = event.target.files[0]; //assuming 1 file only
if (!file) return;
var reader = new FileReader(); //create a reader according to HTML5 File API
浏览 0提问于2017-05-30得票数 2
2回答
在此代码中，将data:image base64转换为blob
javascript、jquery、html
我想将URL从data:image base64更改为blob。这是生成base64 urls的原始代码： <script>
$(window).load(function(){
function readURL() {
var $input = $(this);
var $newinput = $(this).parent().parent().parent().find('.portimg ');
if (this.files && this.files[0]) {
浏览 18提问于2020-01-03得票数 0
1回答
Laravel执行javascript脚本并等待承诺被解析为返回值
javascript、php、laravel、selenium、laravel-dusk
我想运行一个脚本，它将等待承诺返回值。
$dusk->script('return //something');
我想运行的javascript函数是一个承诺。
fetch(url).then(r => r.blob()).then(blob => {
var reader = new FileReader();
reader.onload = function() {
var b64 = reader.result.replace(/^data:.+;base64,/, '');
console
浏览 0提问于2019-04-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
