{"id":4461,"date":"2023-09-09T14:16:17","date_gmt":"2023-09-09T05:16:17","guid":{"rendered":"http:\/\/attacktube.com\/?p=4461"},"modified":"2023-09-10T20:50:19","modified_gmt":"2023-09-10T11:50:19","slug":"%e3%80%90javascript%e3%80%91url-createobjecturl%e3%81%a8url-revokeobjecturl","status":"publish","type":"post","link":"https:\/\/attacktube.com\/?p=4461","title":{"rendered":"\u3010JavaScript\u3011URL.createObjectURL()\u3068URL.revokeObjectURL() \u305d\u306e1\u3010\u4e2d\u7d1a\u8005\u3011"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">URL.createObjectURL()\u3068URL.revokeObjectURL()\u306b\u3064\u3044\u3066\u66f8\u3044\u3066\u3044\u304f\u3002<\/p>\n\n\n\n<!--more-->\n\n\n\n<br>\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-3461056110605997\" crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-3461056110605997\" data-ad-slot=\"3137443461\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n<br>\n\n\n\n<p class=\"wp-block-paragraph\">URL.createObjectURL() \u3068 URL.revokeObjectURL() \u306f\u3001\u30d6\u30e9\u30a6\u30b6\u3067Blob\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3084File\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u6271\u3046\u305f\u3081\u306eAPI\u3067\u3042\u308b\u3002\u901a\u5e38\u3001Blob\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3084File\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3068\u3044\u3063\u305f\u30c7\u30fc\u30bf\u306b\u5bfe\u3057\u3066\u4f7f\u7528\u3055\u308c\u308b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">URL.createObjectURL(): \u3053\u306e\u30e1\u30bd\u30c3\u30c9\u306f\u3001Blob\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3084File\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306a\u3069\u306e\u30c7\u30fc\u30bf\u3092\u30d6\u30e9\u30a6\u30b6\u5185\u3067\u4e00\u6642\u7684\u306aURL\u306b\u5909\u63db\u3059\u308b\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u305d\u306e\u30c7\u30fc\u30bf\u3092URL\u3092\u4ecb\u3057\u3066\u30d6\u30e9\u30a6\u30b6\u5185\u3067\u6271\u3046\u3053\u3068\u304c\u3067\u304d\u308b\u3002\u4e3b\u306b\u3001\u753b\u50cf\u3001\u30d3\u30c7\u30aa\u3001\u97f3\u58f0\u306a\u3069\u306e\u30e1\u30c7\u30a3\u30a2\u30d5\u30a1\u30a4\u30eb\u3092\u8868\u793a\u3057\u305f\u308a\u3001\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30ea\u30f3\u30af\u3068\u3057\u3066\u63d0\u4f9b\u3057\u305f\u308a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u3002\u4e00\u6642\u7684\u306aURL\u306f\u3001URL.revokeObjectURL() \u3067\u89e3\u653e\u3059\u308b\u307e\u3067\u6709\u52b9\u3067\u3042\u308b\u3002<br>URL\u306f\u300cblob:http:\/\/\uff5e\u300d\u306b\u306a\u308a\u3001Blob URL\u3068\u547c\u3070\u308c\u308b\u3002<\/p>\n\n\n\n<pre><code>\nconst blob = new Blob([&#039;Hello, World!&#039;], { type: &#039;text\/plain&#039; });\nconst url = URL.createObjectURL(blob);\n\/\/ \u3053\u306eurl\u3092\u4f7f\u3063\u3066\u3001Blob\u5185\u306e\u30c7\u30fc\u30bf\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\n\/\/ url = blob:http:\/\/localhost\/\uff5e\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">URL.revokeObjectURL(): \u3053\u306e\u30e1\u30bd\u30c3\u30c9\u306f\u3001URL.createObjectURL() \u3067\u751f\u6210\u3057\u305f\u4e00\u6642\u7684\u306aURL\u3092\u89e3\u653e\u3057\u3001\u305d\u306eURL\u304c\u95a2\u9023\u4ed8\u3051\u3089\u308c\u305f\u30c7\u30fc\u30bf\u3078\u306e\u30a2\u30af\u30bb\u30b9\u3092\u30d6\u30e9\u30a6\u30b6\u306b\u901a\u77e5\u3059\u308b\u3002\u3053\u308c\u306b\u3088\u308a\u3001\u30e1\u30e2\u30ea\u30ea\u30fc\u30af\u3092\u9632\u304e\u3001\u30ea\u30bd\u30fc\u30b9\u3092\u52b9\u679c\u7684\u306b\u7ba1\u7406\u3067\u304d\u308b\u3002\u901a\u5e38\u3001URL\u3092\u4f7f\u7528\u3057\u7d42\u308f\u3063\u305f\u3089\u3001\u3059\u3050\u306b URL.revokeObjectURL() \u3092\u547c\u3073\u51fa\u3057\u3066\u89e3\u653e\u3059\u308b\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u308b\u3002<br>URL.revokeObjectURL() \u3067URL\u3092\u958b\u653e\u3059\u308b\u3068\u3001URL\u300cblob:http:\/\/\uff5e\u300d\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u306a\u304f\u306a\u308b\u3002<br>URL.revokeObjectURL(File\u30aa\u30d6\u30b8\u30a7\u30af\u30c8)\u3084URL.revokeObjectURL(Blob\u30aa\u30d6\u30b8\u30a7\u30af\u30c8)\u306e\u3088\u3046\u306b\u4f7f\u3046\u3002<\/p>\n\n\n\n<pre><code>\nURL.revokeObjectURL(url); \/\/ url\u306f\u4ee5\u524d\u306bURL.createObjectURL()\u3067\u751f\u6210\u3057\u305f\u3082\u306e\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e2\u3064\u306e\u30e1\u30bd\u30c3\u30c9\u306f\u3001Web\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u30d5\u30a1\u30a4\u30eb\u3092\u51e6\u7406\u3059\u308b\u969b\u306b\u975e\u5e38\u306b\u4fbf\u5229\u3067\u3001\u7279\u306b\u5927\u304d\u306a\u30d5\u30a1\u30a4\u30eb\u3084\u8907\u6570\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u51e6\u7406\u3059\u308b\u5834\u5408\u306b\u5f79\u7acb\u3064\u3002\u305f\u3060\u3057\u3001\u9069\u5207\u306a\u30bf\u30a4\u30df\u30f3\u30b0\u3067 URL.revokeObjectURL() \u3092\u547c\u3073\u51fa\u3059\u3053\u3068\u304c\u91cd\u8981\u3067\u3042\u308b\u3002<br>URL.revokeObjectURL(File\u30aa\u30d6\u30b8\u30a7\u30af\u30c8)\u3084URL.revokeObjectURL(Blob\u30aa\u30d6\u30b8\u30a7\u30af\u30c8)\u306e\u3088\u3046\u306b\u4f7f\u3046\u3002<\/p>\n\n\n\n<script type=\"text\/javascript\">\njQuery(function($){\n$(\".jp-video\").hide();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>URL.createObjectURL()\u3068URL.revokeObjectURL()\u306b\u3064\u3044\u3066\u66f8\u3044\u3066\u3044\u304f\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-4461","post","type-post","status-publish","format-standard","hentry","category-javascript"],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/posts\/4461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4461"}],"version-history":[{"count":14,"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/posts\/4461\/revisions"}],"predecessor-version":[{"id":4515,"href":"https:\/\/attacktube.com\/index.php?rest_route=\/wp\/v2\/posts\/4461\/revisions\/4515"}],"wp:attachment":[{"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/attacktube.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}