使用axios将react- base64 -edit生成的blob转换为blob并上传
使用axios将react-base64-edit生成的blob转换为blob并上传的步骤如下：
- 首先，确保已经安装了axios和react-base64-edit这两个库。可以使用以下命令进行安装：
- 首先，确保已经安装了axios和react-base64-edit这两个库。可以使用以下命令进行安装：
- 在React组件中引入axios和react-base64-edit库：
- 在React组件中引入axios和react-base64-edit库：
- 在需要上传的地方，将生成的blob转换为blob对象：
- 在需要上传的地方，将生成的blob转换为blob对象：
- 创建一个FormData对象，并将blob对象添加到其中：
- 创建一个FormData对象，并将blob对象添加到其中：
- 使用axios发送POST请求将FormData对象上传到服务器：
- 使用axios发送POST请求将FormData对象上传到服务器：
在这个过程中，我们使用了axios库来发送HTTP请求，并使用react-base64-edit库将生成的base64数据转换为blob对象。然后，我们创建了一个FormData对象，并将blob对象添加到其中。最后，使用axios发送POST请求将FormData对象上传到服务器。
这种方法适用于将生成的blob数据上传到服务器，常见的应用场景包括用户上传图片、文件等。对于腾讯云相关产品，可以使用腾讯云对象存储（COS）来存储和管理上传的文件。具体的产品介绍和使用方法可以参考腾讯云COS的官方文档：腾讯云对象存储（COS）。
相关·内容
我试着在上传之前使用react-avatar-edit裁剪个人资料图像，我成功地实现了，现在我可以得到裁剪的图像，但这里是问题，裁剪的图像是在base64string中检索的第一个问题是试图将其转换为图像，研究后，我发现以下代码转换为blob后，尝试了几种方法解决它 // code from stack overflow link: https://stackoverflow.com
浏览 12提问于2019-06-28得票数 0
回答已采纳
我使用和上传组件同时上传多个图像。但是当上传大尺寸的图像时，会造成问题。在以base64格式转换图像时，是否有任何方法可以减小图像大小。这是我的上传组件 name="Upload" className="avatar-uploaderonPreview={onPreview}
b
浏览 12提问于2021-12-14得票数 0
我们正在使用在客户端裁剪图像，然后将base64字符串上传到服务器，但是对于大图像，它会导致低内存的移动浏览器崩溃，那么将base64转换为blob (然后将其上传到服务器上，还是会影响更多的移动用户，因为第一张图像将被覆盖到based64进行裁剪，然后返回到blob。
浏览 1提问于2020-05-02得票数 6
回答已采纳
1回答
我有一个要求，我需要上传一个pdf到Azure Blob。我有base64编码格式的pdf。应用程序没有任何存储。是否可以将base64转换为pdf并将其上传为pdf，而无需使用java代码将其存储在任何位置。
浏览 6提问于2022-09-20得票数 -1
1回答
我有一个音频blob，我正在将其转换为base64，并使用ajax将其传递给一个php页面，以便将其存储在我的sql服务器上。但出于某种原因，我没有在mysql数据库中接收完整的base64文件。下面是我将blob转换为base64的代码：reader.readAsDataURL(blob</
浏览 1提问于2018-03-11得票数 0
回答已采纳
上传图像API需要二进制流。我尝试过新的FileReader()和它的readAsBinaryString()方法，但是它不起作用！二进制字符串和二进制流似乎不是一回事，所以我改变了方法，尝试了readAsDataURL()方法(因为我需要预览图像)，现在我想知道：
但是API需要这样的东西(数据B)：
浏览 4提问于2016-09-19得票数 0
1回答
我正在做一个项目，在这个项目中，我必须将图像上传为表单数据以及其他文本字段。我的文件首先是Base64字符串，然后在上传到服务器之前将其转换为文件。const data = await fetch(base64String);const file = await new File([blob], 'avatar', { type: 'image/p
浏览 2提问于2021-07-04得票数 3
回答已采纳
2回答
我正在使用pdfmake.js，当我打开一个窗口时，我得到了这个：
data:application/pdf;base64,JVBERi0xLjMKJf////8KNyAwIG9iago8PAovVHlwZSAvRXh0R1N0YXRlCi9jYSAxCj4本质上，我想要数据URI，这样我就可以将它与FileSaver.js一起下载，但我无法确定URI在pdfmake.js 中的位置。
浏览 12提问于2015-02-12得票数 0
当我在React Native中运行以下代码将base64转换为Android上的blob时，会出现此错误 let url = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA';let blob = await res?.blob(); ?
浏览 199提问于2021-08-16得票数 2
我很难在浏览器中显示PDF，尽管我正在获取Base64代码，并且使用onlinetool()，我可以看到代码转换为存储在后台的正确的PDF文件。之后，我转换为blob对象，然后当我单击按钮时，它似乎不会在adobe阅读器中打开。代码，正如我在在线工具上使用代码转换为PDF文档时所看到的那样。因此，我不确定在这里是否做错了什么，生成blob对象并以pdf.格式显示。uploaded，
浏览 11提问于2020-07-31得票数 0
回答已采纳
我已经通过创建画布将文件转换为blob url，现在我希望将blob url转换为文件类型或base64类型来上传到cloudinary。但对我来说，这似乎是很有挑战性的，因为他们中没有一个在工作。下面的代码是将图像转换为blob url， (实际上是正方形剪切它们)。：
将blob url转换为blob对象，
浏览 4提问于2022-04-13得票数 -1
回答已采纳
在将图像上传到防火墙存储后，我得到了这个错误。我使用的是“react原生”："0.55.4“、”react-本机-提取-blob“："^0.10.8”、“react本机-图像选择器”："^0.26.10“、"firebase"："^5.0.4"，这是我上传图片的代码。db .ref("images/"
浏览 1提问于2018-06-10得票数 0
在将图像上传到防火墙存储后，我得到了这个错误。我使用的是“react原生”："0.55.4“、”react-本机-提取-blob“："^0.10.8”、“react本机-图像选择器”："^0.26.10“、"firebase"："^5.0.4"，这是我上传图片的代码。db .ref("images/"
浏览 0提问于2018-06-11得票数 5
回答已采纳
3回答
我想把一个用base64编码的data:image转换成一个普通的图像文件。到目前为止，我的代码如下所示： var canvas = document.createElement('canvas');最终输出如下所示：我的问题是，我需要它必须解码，以便我可以上传图像。我<
浏览 6提问于2013-06-27得票数 17
回答已采纳
我正在开发一个React-Native应用程序，其中照片和文档是需要的主要功能之一。用户不断地在他们的设备上拍照，我们使用本地uri创建一个blob，并将其与他们的aws-sdk一起上传到AWS S3。我们用来将本地uri转换为blob的函数如下：
// https://github.com/expo/expo/issues/2402 -
浏览 2提问于2019-11-23得票数 1
我觉得我快要疯了，我真的希望这不是重复的，尽管我确实发现了多个类似的问题，但没有一个解决方案对我有效。我正在使用react-signature-canvas让人们在网站上签名。该库提供了一个将画布转换为base64字符串的toDataURL()方法。然后，我从该字符串中删除"data:image/png;base64,"，并使用fetch函数将其转换为Blop。获得预签名的</e
浏览 0提问于2021-05-30得票数 0
1回答
我正在尝试上传Ionic 3中的图像，但是我在Base64中获得了图像，所以我想将其转换为图像文件对象。 this.profilePhoto['profile_photo'] = base64Image;
let blob: Blob = this.utilSer
浏览 2提问于2018-08-30得票数 0
我正在使用Egnyte APIconst getImages = () => {
axios.get(`${API}/${params.id}/images/`, config).thensetImagesL
浏览 10提问于2022-05-25得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
