[B! ファイル操作][フォーム] masayoshinymのブックマーク

masayoshinym id:masayoshinym

ファイル操作とフォームに関するmasayoshinymのブックマーク (4)

HTMLのinputタグ[type=file]のブラウザごとの挙動について調べてみた - Qiita
はじめにみなさんHTMLタグの一つであるinputタグはご存知だと思います。その中でもtype="file"についてぼくはこんな疑問を持ちました。選択したファイルはどこのファイル？コピーとかされているの？これみなさん知っていますか？ちょこっと調べたんですがなかなか情報がなかったのでいろいろ自分で調査してみました。（本音は調査が面白そうだったのでそんなに本気で調べてないだけです仮説を立てるまずは仮説をいくつか立ててそれぞれを検証していきます A. ブラウザはファイル参照だけ持っている B. ファイル選択時にTemp領域へコピーしている C. メモリ上に抱えているたぶんこれらのどれかじゃないかなと思っており、個人的にはBが濃厚だと勝手に考えています。調査開始ファイルアップロード機能が必要なので簡単にファイルをアップロードするだけのアプリを自前で作りました。 http
masayoshinym 2019/01/07
HTML5

フォーム

ファイル操作
リンク
add XHR2 progress events to jQuery.ajax
masayoshinym 2018/02/27
Ajax

フォーム

ファイル操作
リンク
$.ajaxファイルアップロードでの進捗表示 - PR TIMESデザイナー&エンジニアブログ BREAK TIMES
こんにちは。フロントエンドエンジニアの本間です。今日は$.ajaxファイルアップロードでプログレスバー表示についてです。 UI UXにおいて体感速度を短縮するのは重要で、同じ待ち時間でも進捗表示することによって体感速度が向上します。さらにプログレスバーの色や模様によっても体感速度が変わってくるという研究結果もでているようです。 gigazine.net PRTIMESでは企業管理画面のリリース配信登録画面でワードファイルをアップする際に使っています。やり方は$.ajaxの引数にxhrオブジェクトを渡し、progressイベントハンドラで取得します。 $.ajax({ url : api.url, async: true, xhr : function(){ var XHR = $.ajaxSettings.xhr(); if(XHR.upload){ XHR.upload.addEve
masayoshinym 2018/02/27
Ajax

ファイル操作

フォーム
リンク
アップロード支援JSライブラリ「Fine Uploader」の必要最低限サンプル - Qiita
Fine Uploader は便利 Fine Uploader は他ライブラリへの依存がなく、高機能で主要ブラウザはもちろん、IE8+にも対応していて助かる。助かるんだけど、機能がありすぎて少しとっつきにくいのが難でいつも忘れる。ここでは、高機能っぷり発揮のデモほどのものは不要で、必要最低限でいいって時のサンプルをメモ。「CORE」のみを利用 Fine Uploader には基本機能(CORE) と UI機能というのがある。 UI機能は独自のテンプレートエンジンとか使って簡単にUI周りが作れるようなやつなんだけど、今回は割愛し、使うのはCOREの機能のみ。（UI機能にはすべてのCORE機能が含まれる） COREのみを利用する場合、インスタンスは以下のように作成する。 qq というのは Fine Uploader の本体オブジェクトで、qq という名前で決まってる（何の略かは知ら
masayoshinym 2016/07/07
JavaScript

ファイル操作

フォーム
リンク
1