首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >正在将blob URL上载到Imgur?

正在将blob URL上载到Imgur?
EN

Stack Overflow用户
提问于 2018-10-16 22:47:31
回答 1查看 1.2K关注 0票数 2

我正在尝试将blob url上传到imgur api:

https://apidocs.imgur.com/#c85c9dfc-7487-4de2-9ecd-66f727cf3139

它在文档中清楚地说明它可以是:binary filebase64url

我的网址(示例):blob:http://localhost:8080/7e44709-093d-4a4-b167-a3fdfc63a8e

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
formData.append('image', 'blob:http://localhost:8080/7e44709-093d-4a4-b167-a3fdfc63a8e');
formData.append('type', 'URL');

然而,我从imgur api得到了400错误:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{"data":{"error":
"Invalid URL (blob:http:\/\/localhost:8080\/7e44729-093d-4aa4-167-a3fdef3a8e)",
"request":"\/3\/image","method":"POST"},"success":false,"status":400}

期待帮助,为什么它会失败,以及如何正确上传它。谢谢你

EN

回答 1

Stack Overflow用户

发布于 2018-10-16 22:53:54

图像需要转换为base64格式,然后从base64格式转换为二进制格式。这是使用.toDataURL()dataURItoBlob()完成的

Img => Base64 =>二进制文件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function imgToURI() {
  // Convert image to Base64
  var img = snap.toDataURL();
  // Convert Base64 image to binary
  var file = dataURItoBlob(img);
}

function dataURItoBlob(dataURI) {
// convert base64/URLEncoded data component to raw binary data held in a string
var byteString;
if (dataURI.split(',')[0].indexOf('base64') >= 0)
    byteString = atob(dataURI.split(',')[1]);
else
    byteString = unescape(dataURI.split(',')[1]);
// separate out the mime component
var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
// write the bytes of the string to a typed array
var ia = new Uint8Array(byteString.length);
for (var i = 0; i < byteString.length; i++) {
    ia[i] = byteString.charCodeAt(i);
}
return new Blob([ia], {type:mimeString});
}

如果需要的话,你可以在twitter上停下来,在我的例子中,我需要再次转换成二进制,这样我就可以在不使用db的情况下将数据传递到base64 (使用OAuth)。事实证明,你可以在推特上发布二进制文件,这非常酷,twitter会将其转换成图片。

I created a blog post about this a few years ago

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52844975

复制
相关文章
将Linux的目录挂载到Windows系统上
先来一篇文章,这篇文章介绍了很多的方法,不过我试了几个,都没成功(个(教)人(程)太笨(老))。 文章链接:https://www.jianshu.com/p/ad3099cc3ec8
华创信息技术
2019/11/08
5.9K0
将Linux的目录挂载到Windows系统上
web端口实现文件下载到本地(Blob ,createElementNS)
var ev = document.createEvent("MouseEvents");
小布丁
2020/02/27
1.3K0
Python selenium chrome parses blob url
When crawling video sites, many videos use blob url to hide the source address. Through F12, you can find the download address of m3u8 corresponding to the request, but the amount of crawled data is very large. Use f12 to analyze each one. Obviously impossible, this article will parse the blob URL through selenium chrome to get the source m3u8 address
py3study
2020/09/18
2.6K0
将 windows 磁盘作为共享盘挂载到 Linux 上
在 Linux 处理组学数据,硬盘真是经不起消耗的东西。而本地办公的电脑主要以开浏览器、看文献、交流、做PPT等为主,除了C盘小的时候容易炸,其他磁盘使用量很少。所以我最近遇到了工作站没法装大点的测序数据,但 PC 却有好几个盘上 T 的空闲。这篇文章就简单做个笔记,记录下如何将 Windows 的磁盘共享给 Linux 存数据使用。
王诗翔呀
2023/02/28
4.9K0
将 windows 磁盘作为共享盘挂载到 Linux 上
在Windows上安装PHP(将PHP加载到Apache中)
第一步:在 windows.php.net 下载软件包 第二步:解压压缩包,将解压后的目录放到指定目录并重命名 第三步: 创建PHP配置文件,修改Apache配置文件(httpd.conf),将PHP加载到Apache中 1. 在官网下载Windows上用的安装包 ---- https://windows.php.net 2. 解压压缩包,将目录放到指定目录并重命名为 7.0 ---- php-7.0.33-Win32-VC14-x64 —> 7.0 3. 创建PHP配置文件,将以下内容添加到A
很酷的站长
2023/02/17
1.7K0
在Windows上安装PHP(将PHP加载到Apache中)
/etc/fstab文件_将etc目录挂载到
第一列到六列是设备或分区 挂载点 文件类型 default是挂载类型 dump 系统故障dump内存信息到硬盘 fsck 检查磁盘坏道等
全栈程序员站长
2022/09/20
8890
将一个新硬盘能够挂载到linux 系统上(开机自动挂载)
sda ├─sda1 ext4 7cc94e03-8b1a-4845-97fb-49a2c39afd8c /boot ├─sda2 ext4 fe1d0eea-50ea-4d44-853b-1c39e5129021 / ├─sda3 ext4 df147f0a-efbd-4370-8e69-471b81a6ee7c /mnt/disk1 ├─sda4 ├─sda5 ext4 ea0d589d-a329-4bfc-a00b-11c00351765a /mnt/disk2 └─sda6 swap f306ece0-a790-41d7-b685-63585b8534e4 [SWAP]
用户4870038
2021/02/05
5.8K0
maven 将jar 下载到工程当前目录下
在 pom.xml 的目录下,运行cmd命令 : call mvn -f pom.xml dependency:copy-dependencies 然后在同一目录下出现文件夹target,内容就是ja
庞小明
2018/03/07
1K0
maven 将jar 下载到工程当前目录下
JavaScript + imgur API 上传图片
大致比较了一下,支持 API 上传的图床,国内基本是没有合适的了,国外的话稳定性最高的大概就是 Flickr 和 Imgur;因为 Flickr 有容量限制所以不予考虑。剩下的 Imgur 试了一下现在居然还能裸连!但是呢毕竟是外国的东西,国内访问速度受限不说,指不定哪天也被墙挡了;解决方法倒很简单,Nginx 反代一下就可以了。
王图思睿
2021/06/15
1.4K0
JavaScript + imgur API 上传图片
Taro中如何将store加载到项目中
上面文章我们了解了如何创建store,最后导出时,在函数内部创建了store,所以导出时,函数需要调用,然后通过provicer组件将其注入到项目中。
挥刀北上
2022/05/11
7650
Taro中如何将store加载到项目中
js 长轮询_websocket挂载到vue上
Web端即时通讯技术:即时通讯技术简单的说就是实现这样一种功能:服务器端可以即时地将数据的更新或变化反应到客户端,例如消息即时推送等功能都是通过这种技术实现的。但是在Web中,由于浏览器的限制,实现即时通讯需要借助一些方法。这种限制出现的主要原因是,一般的Web通信都是浏览器先发送请求到服务器,服务器再进行响应完成数据的现实更新。
全栈程序员站长
2022/11/04
2.9K0
Blob初探
简介   Blob在js中意味着二进制大数据。实现该接口的对象有3个属性,分别是type(MIME),size(byte)和 一个切割方法:slice(在大文件分片上传可能用到)。另外,File实现了Blob接口,并且还有额外的属性--name和 lastModify。   早起的一些浏览器实现了草案(已废弃)上的BlobBuilder,但是现在的大多浏览器废弃了该对象。目前,创建新的 Blob对象需要使用Blob构造函数,new Blob(array,type)。第一个参数数组中可以包含字符串,Array
欲休
2018/03/15
2.7K0
恶意软件Symbiote将感染Linux系统上所有正在运行的进程
近期,一种新发现的名为Symbiote的Linux恶意软件会感染目标系统上所有正在运行的进程,窃取帐户凭据并为其背后的操作员提供后门访问权限。据调查,该恶意软件会将自身注入所有正在运行的进程,就像是一个系统里的寄生虫,即使再细致的深入检查期间也不会留下可识别的感染迹象。它使用 BPF(柏克莱封包过滤器)挂钩功能来嗅探网络数据包并隐藏自己的通信通道以防止安全工具的检测。 BlackBerry和 Intezer Labs 的研究人员发现并分析了这种新型威胁,他们在一份详细的技术报告中揭示了该新恶意软件的详细信息
FB客服
2023/03/30
1.2K0
恶意软件Symbiote将感染Linux系统上所有正在运行的进程
将OneDrive网盘挂载到电脑当磁盘使用
前面有一篇文章介绍如何申请OneDrive的5TB网盘(免费获取OneDrive 5T网盘),今天来分享下如何运用到我们自己的电脑上,这样电脑就有更多的磁盘空间。
爱游博客
2019/08/08
4.5K0
将OneDrive网盘挂载到电脑当磁盘使用
webkit和blink在blob机制上不同的地方
WebKit.dll!WebCore::BlobURL::createBlobURL(const WTF::String & originString) 行 76 C++ WebKit.dll!WebCore::BlobURL::createPublicURL(WebCore::SecurityOrigin * securityOrigin) 行 47 C++ > WebKit.dll!WebCore::FileReaderLoader::start(WebCore::ScriptExecutionContext * scriptExecutionContext, WebCore::Blob * blob) 行 81 C++ WebKit.dll!WebCore::FileReader::readInternal(WebCore::Blob * blob, WebCore::FileReaderLoader::ReadType type, int & ec) 行 149 C++ WebKit.dll!WebCore::FileReader::readAsText(WebCore::Blob * blob, const WTF::String & encoding, int & ec) 行 113 C++ WebKit.dll!WebCore::jsFileReaderPrototypeFunctionReadAsText(JSC::ExecState * exec) 行 565 C++ > WebKit.dll!WebCore::BlobResourceHandle::BlobResourceHandle(WebCore::BlobData * blobData, const WebCore::ResourceRequest & request, WebCore::ResourceHandleClient * client, bool async) 行 173 C++ WebKit.dll!WebCore::BlobResourceHandle::createAsync(WebCore::BlobData * blobData, const WebCore::ResourceRequest & request, WebCore::ResourceHandleClient * client) 行 143 C++ WebKit.dll!WebCore::BlobRegistryImpl::createResourceHandle(const WebCore::ResourceRequest & request, WebCore::ResourceHandleClient * client) 行 80 C++ WebKit.dll!WebCore::createResourceHandle(const WebCore::ResourceRequest & request, WebCore::ResourceHandleClient * client) 行 59 C++ WebKit.dll!WebCore::ResourceHandle::create(WebCore::NetworkingContext * context, const WebCore::ResourceRequest & request, WebCore::ResourceHandleClient * client, bool defersLoading, bool shouldContentSniff) 行 92 C++ WebKit.dll!WebCore::ResourceLoader::start() 行 218 C++ WebKit.dll!WebCore::ResourceLoadScheduler::servePendingRequests(WebCore::ResourceLoadScheduler::HostInformation * host, WebCore::ResourceLoadPriority minimumPriority) 行 285 C++ WebKit.dll!WebCore::ResourceLoadScheduler::scheduleLoad(WebCore::ResourceLoader * resourceLoader) 行 189 C++ WebKit.dll!WebCore::ResourceLoadScheduler::scheduleSubresourceLoad(WebCore::Frame * frame, WebCore::CachedResource * resource, const WebCore::ResourceRe
龙泉寺扫地僧
2019/02/20
1.4K0
关于 Blob
对于 Blob,前端开发中可能比较少遇到;数据库中可使用 Blob 概念,例如 Mysql 存储二进制数据的类型就是 Blob,也就是说图片可存储于数据库中,以二进制格式存储
Krry
2020/05/17
2.7K0
将安装器信息下载到目标宗卷失败
上周一的时候,对为我服务了9年的Macbook Pro做了一次重启(因为想刷新一下路由,关于双网卡路由配置可以参考我的这篇文章),然后悲剧来了,当出现小苹果和进度条后,进度条走的一直很慢,等进度条都走完了也一直没有办法启动系统。
大江小浪
2020/06/16
1.2K0
将安装器信息下载到目标宗卷失败
Linux将数据盘挂载到系统盘上的方法
我标记的地方可以看到,我有30GB的空间可以使用,接下来就是把闲置的空间添加到系统盘了。 虽然有30GB闲置空间可以用,但是我们别全部用掉,可以留一点,比如添加个29.98GB,多多少少留点。
会长君
2023/04/24
4K0
Linux将数据盘挂载到系统盘上的方法
Blob
如果你允许用户从你的网站上下载某些文件,那你可能会遇到 Blob 类型。为了实现上述的功能,你可以很容易从网上找到相关的示例,并根据实际需求进行适当的调整。对于部分开发者来说,在完成上述功能之后,他们并不会继续思考 Blob 是什么?
小蔚
2020/06/12
6.2K0
Blob
点击加载更多

相似问题

将图像上载到imgur

13

正在将ResponseStream上载到Blob存储

16

有没有办法将blob url图片上传到imgur?

10

正在将签名上载到Azure Blob存储

19

正在将图片上载到Windows Azure blob存储

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文