HTML5は素のままではあまりUXは向上していません。APIを使って開発者自身で拡張しなければなりません。しかしその開発もそう簡単ではありません。そこですでに他の方が開発したものを積極的に使っていくのが良いでしょう。 今回は多機能なファイルアップロード機能が手に入れられるUppyを紹介します。 Uppyの使い方 利用しているところです。Google DriveやInstagram、Webカメラなどを入力ソースとして指定できます。 画像はプレビューも表示されます。 ファイル名を変更したりすることもできます。 Google Driveの場合は認証を行います。 ディレクトリを辿ってファイルを指定できます。 アップロードを開始しました。順番にファイルがアップロードされていきます。 すべてのファイルがアップロードされました。 UppyはGoogle DriveやDropbox、Instagramをデ
LoadImgは画像をアップロードする前にプレビューするスクリプトです。jQueryに依存します。上デモのように<>input type=”file”で画像ファイルを選択すると、その画像がアップロードされる前に表示、ユーザーが確認出来るようにしてくれます。オプションでファイルサイズや拡張子の制限が出来るようです。ライセンスはMIT。 LoadImg
jQueryでファイル選択時にプレビュー表示する方法を紹介します。 1.はじめに フォームのファイル選択で画像を選択したときに画像のプレビューを表示したい場合があると思います。 ということで、jQueryを使って画像をプレビュー表示する方法を紹介します。 2.ファイル選択時にプレビュー表示する まず、下記のファイル選択フォームを用意します。 <form> <input type="file" id="file" /> </form> <div id="result"></div> そして次のjQueryを追加します。 <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> <script> $(function(){ $('#file').change(function(){ $('img').remove()
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く