Question

我有一种情况，我将blobURL转换为base64 dataURLs，但我想只在url是blobURL时才这样做。

那么有没有办法检查它是否是有效的blob网址？

我的blob网址 - blob:http://192.168.0.136/85017e84-0f2d-4791-b563-240794abdcbf

Answer 1

您正面临x-y problem。

你绝对不需要检查你的blobURI是否是有效的，因为你绝对不需要使用blobURI来创建它所指向的Blob的base64版本。

这样做的唯一方法是获取Blob，这意味着在内存中创建一个数据副本，这是不好的。

您需要的是一种检索此Blob的方法。

遗憾的是，使用网络API没有正式的方法，但是自己制作并不难：

我们只需要覆盖默认的(() => { // overrides URL methods to be able to retrieve the original blobs later on const old_create = URL.createObjectURL; const old_revoke = URL.revokeObjectURL; Object.defineProperty(URL, 'createObjectURL', { get: () => storeAndCreate }); Object.defineProperty(URL, 'revokeObjectURL', { get: () => forgetAndRevoke }); Object.defineProperty(URL, 'getBlobFromObjectURL', { get: () => getBlob }); const dict = {}; function storeAndCreate(blob) { var url = old_create(blob); // let it throw if it has to dict[url] = blob; return url } function forgetAndRevoke(url) { old_revoke(url); // some checks just because it's what the question titel asks for, and well to avoid deleting bad things try { if(new URL(url).protocol === 'blob:') delete dict[url]; }catch(e){} // avoided deleting some bad thing ;) } function getBlob(url) { return dict[url]; } })(); // a few example uses const blob = new Blob(['foo bar']); // first normal use everyhting is alive const url = URL.createObjectURL(blob); const retrieved = URL.getBlobFromObjectURL(url); console.log('retrieved: ', retrieved); console.log('is same object: ', retrieved === blob); // a revoked URL, of no use anymore const revoked = URL.createObjectURL(blob); URL.revokeObjectURL(revoked); console.log('revoked: ', URL.getBlobFromObjectURL(revoked)); // an https:// URL console.log('https: ', URL.getBlobFromObjectURL(location.href));方法，以便使用blobURI作为关键字在字典中映射传递的Blob：

onerror

<子> PS：对于关注这种情况的人可能会关闭Blob（例如用户提供的文件已从磁盘中删除），然后只是监听您在下一步中使用的FileReader的npm install ldapjs事件。

Answer 2

你可以做点什么

 var url = 'blob:http://192.168.0.136/85017e84-0f2d-4791-b563-240794abdcbf';

 if(url.search('blob:') == -1){
   //do something
 }

您也可以使用基于reg-expression的检查url.match('url expression')

如何使用javascript检查它是否是blob url

2 个答案:

您正面临x-y problem。

您需要的是一种检索此Blob的方法。