https://b.hatena.ne.jp/repon/FileAPI/ FileAPIに関するreponのはてなブックマーク (6) https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html repon 2015-07-28T18:19:07Z FileAPI html5 javascript js 15 <blockquote cite="https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html" title="JavaScriptでファイル操作！？ File APIを使いこなそう"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Farticles%2F1112%2F16%2Fnews135_2.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html">JavaScriptでファイル操作！？ File APIを使いこなそう</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/49656f824e1aedbcf43175f097424ca0519ea201/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fimages%2Flogo%2F1200x630_500x500_ait.gif" alt="JavaScriptでファイル操作！？ File APIを使いこなそう" title="JavaScriptでファイル操作！？ File APIを使いこなそう" class="entry-image" /></a></p><p>&lt;textarea id=&quot;text&quot; placeholder=&quot;テキストを入力してください。&quot;&gt;&lt;/textarea&gt;&lt;br /&gt; &lt;button id=&quot;btndownload&quot;&gt;ファイル作成&lt;/button&gt; &lt;div id=&quot;disp&quot;&gt; &lt;/div&gt; &lt;script type=&quot;text/javascript&quot;&gt; document.getElementById(&quot;btndownload&quot;).addEventListener(&quot;click&quot;, function () { var text = document.getElementById(...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html" alt="はてなブックマーク - JavaScriptでファイル操作！？ File APIを使いこなそう" title="はてなブックマーク - JavaScriptでファイル操作！？ File APIを使いこなそう" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1112/16/news135_2.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.html5rocks.com/ja/tutorials/file/filesystem/ repon 2015-07-20T08:37:42Z html5 JavaScript FileAPI tutorial 56 <blockquote cite="https://www.html5rocks.com/ja/tutorials/file/filesystem/" title="Read files in JavaScript  |  Articles  |  web.dev"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.html5rocks.com%2Fja%2Ftutorials%2Ffile%2Ffilesystem%2F" alt="" /> <a href="https://www.html5rocks.com/ja/tutorials/file/filesystem/">Read files in JavaScript  |  Articles  |  web.dev</a></cite><p><a href="https://www.html5rocks.com/ja/tutorials/file/filesystem/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1e6d208f8ef5acfce243f4a66ea6a7b7c71c096c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fweb-dev.imgix.net%2Fimage%2FFNkVSAX8UDTTQWQkKftSgGe9clO2%2FuZ3hQS2EPrA9csOgkoXI.png%3Fauto%3Dformat%26fit%3Dmax%26w%3D1200%26fm%3Dauto" alt="Read files in JavaScript  |  Articles  |  web.dev" title="Read files in JavaScript  |  Articles  |  web.dev" class="entry-image" /></a></p><p>Selecting and interacting with files on the user&#39;s local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/file/filesystem/"><img src="https://b.hatena.ne.jp/entry/image/https://www.html5rocks.com/ja/tutorials/file/filesystem/" alt="はてなブックマーク - Read files in JavaScript  |  Articles  |  web.dev" title="はてなブックマーク - Read files in JavaScript  |  Articles  |  web.dev" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.html5rocks.com/ja/tutorials/file/filesystem/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications repon 2015-04-29T12:47:24Z html5 javascript js FileApi 37 <blockquote cite="https://developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications" title="ウェブアプリケーションからのファイルの使用 - Web API | MDN"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fdeveloper.mozilla.org%2Fja%2Fdocs%2FWeb%2FAPI%2FFile_API%2FUsing_files_from_web_applications" alt="" /> <a href="https://developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications">ウェブアプリケーションからのファイルの使用 - Web API | MDN</a></cite><p><a href="https://developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dea999ec21b71dd375395e3e161a67c6298af31f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fdeveloper.mozilla.org%2Fmdn-social-share.d893525a4fb5fb1f67a2.png" alt="ウェブアプリケーションからのファイルの使用 - Web API | MDN" title="ウェブアプリケーションからのファイルの使用 - Web API | MDN" class="entry-image" /></a></p><p>ファイル API を使用すると、ウェブコンテンツがユーザーにローカルファイルを選択するように指示し、それらのファイルを読み取ることができるようになりました。この選択は HTML の &lt;input type=&quot;file&quot;&gt; 要素を使用したり、ドラッグ &amp; ドロップを行ったりすることで行うことができます。</p><p><a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications"><img src="https://b.hatena.ne.jp/entry/image/https://developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications" alt="はてなブックマーク - ウェブアプリケーションからのファイルの使用 - Web API | MDN" title="はてなブックマーク - ウェブアプリケーションからのファイルの使用 - Web API | MDN" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/developer.mozilla.org/ja/docs/Web/API/File_API/Using_files_from_web_applications"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4 repon 2015-04-29T12:46:48Z html5 dragdrop javascript js fileapi 18 <blockquote cite="http://soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4" title="HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fsoraxism.com%2Fsoraxism%2Fblog%2Fhtml5%25E3%2581%25AEfile-api%25E3%2582%2592%25E4%25BD%25BF%25E7%2594%25A8%25E3%2581%2597%25E3%2581%25A6%25E3%2580%2581%25E3%2583%2589%25E3%2583%25A9%25E3%2583%2583%25E3%2582%25B0%25EF%25BC%2586%25E3%2583%2589%25E3%2583%25AD%25E3%2583%2583%25E3%2583%2597%25E3%2581%25A7%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4" alt="" /> <a href="http://soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4">HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism</a></cite><p><a href="http://soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/eecfe7a25a60e96399b745885558a7a85b30c151/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fsoraxism.com%2Fsoraxism%2Fblog%2Fwp-content%2Fuploads%2F2014%2F10%2Fimage.jpg" alt="HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism" title="HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism" class="entry-image" /></a></p><p>社内で使用するファイルアップローダを作ることになりました。 実装段階では従来の「ファイルを選択」ボタンを押して、ダイアログ内でファイルを選択する仕様だったのですが、操作を見ているとかなり深い階層のファイルをアップロードするようなこともあるようで、階層たどっていくのが手間なように感じたため、ドラッグ...</p><p><a href="https://b.hatena.ne.jp/entry/soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4"><img src="https://b.hatena.ne.jp/entry/image/http://soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4" alt="はてなブックマーク - HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism" title="はてなブックマーク - HTML5のFile APIを使用して、ドラッグ＆ドロップでファイルをアップロード | Soraxism" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/soraxism.com/soraxism/blog/html5%E3%81%AEfile-api%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%A6%E3%80%81%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%EF%BC%86%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/ repon 2015-04-29T12:46:17Z html5 FileApi javascript js 45 <blockquote cite="http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/" title="ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftokidoki-web.com%2F2013%2F08%2Ffile-api%25E3%2581%25A7%25E3%2583%25AD%25E3%2583%25BC%25E3%2582%25AB%25E3%2583%25AB%25E3%2583%2595%25E3%2582%25A1%25E3%2582%25A4%25E3%2583%25AB%25E6%2583%2585%25E5%25A0%25B1%25E5%258F%2596%25E5%25BE%2597%25E3%2581%2597%25E3%2581%25A6%25E3%2582%2584%25E3%2582%2593%25E3%2582%2588%2F" alt="" /> <a href="http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/">ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!</a></cite><p><a href="http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ab52d00cef00252f1b69b1ea0359f5d7a582f7eb/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Ftokidoki-web.com%2Fwp-content%2Fthemes%2Fyanyo%2Fimages%2Flogo.png" alt="ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!" title="ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!" class="entry-image" /></a></p><p>そろそろHTML5 APIのひとつでもリファレンスしていこうかな・・・ かといって今さらcanvasとかやってもしょうがないし、MathMLみたいなマニアックなものは覚えても使う機会があるかどうか・・・という事で 『File API』というヤツを手始めに覚えようかと思います。 『File API』について HTML5以前はブラウザ(またはWeb...</p><p><a href="https://b.hatena.ne.jp/entry/tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/"><img src="https://b.hatena.ne.jp/entry/image/http://tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/" alt="はてなブックマーク - ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!" title="はてなブックマーク - ときどきWEB | HTML5のFile APIでローカルファイル情報取得してやんよ!!!" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tokidoki-web.com/2013/08/file-api%E3%81%A7%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E6%83%85%E5%A0%B1%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6%E3%82%84%E3%82%93%E3%82%88/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.webopixel.net/javascript/664.html repon 2013-04-03T13:29:19Z html5 tips fileapi javascript js 20 <blockquote cite="http://www.webopixel.net/javascript/664.html" title="HTML5 の File API でローカルファイルを扱ってみる"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.webopixel.net%2Fjavascript%2F664.html" alt="" /> <a href="http://www.webopixel.net/javascript/664.html">HTML5 の File API でローカルファイルを扱ってみる</a></cite><p><a href="http://www.webopixel.net/javascript/664.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d1b4241159b84048525fb76fecb95d8f25751a29/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.webopixel.net%2Fimg%2Fog.png" alt="HTML5 の File API でローカルファイルを扱ってみる" title="HTML5 の File API でローカルファイルを扱ってみる" class="entry-image" /></a></p><p>HTML5 の File API でローカルファイルを扱ってみる HTML5 の File API を使用することでドラッグ＆ドロップでの複数ファイルの取得や、ローカルファイルのちょっとした加工などができるようになりました。 この記事では、画像とテキストファイルを簡単に表示する方法をご紹介します。 投稿日2012年12月13日 更新日2012...</p><p><a href="https://b.hatena.ne.jp/entry/www.webopixel.net/javascript/664.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.webopixel.net/javascript/664.html" alt="はてなブックマーク - HTML5 の File API でローカルファイルを扱ってみる" title="はてなブックマーク - HTML5 の File API でローカルファイルを扱ってみる" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.webopixel.net/javascript/664.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>