<input type="file" name="example" accept="image/jpeg, image/png">
input type="file"でファイルをアップロードする方法｜HTMLリファレンス
<input type="file" name="example" accept="image/jpeg, image/png">
[JavaScript] 画像変換：<img>要素 ⇔ Base64（相互変換） - Qiita
<img>要素 ⇔ Base64 相互変換についてのまとめです。注意点として、<img>要素 → Base64 の時は、Ajax同様に JavaScript のクロスドメイン制限があります。つまり、外部サーバーにある画像をBase64形式に変換することはできません。 <img>要素 → Base64 //===================================================== // <img>要素 → Base64形式の文字列に変換 // img : HTMLImageElement // mime_type : string "image/png", "image/jpeg" など //===================================================== function ImageToBase64(img, mim
![[JavaScript] 画像変換：<img>要素 ⇔ Base64（相互変換） - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/363b2491c00ab1557190996fd50c3be73a25a886/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMCVFNyU5NCVCQiVFNSU4MyU4RiVFNSVBNCU4OSVFNiU4RiU5QiVFRiVCQyU5QSUzQ2ltZyUzRSVFOCVBNiU4MSVFNyVCNCVBMCUyMCVFMiU4NyU5NCUyMEJhc2U2NCVFRiVCQyU4OCVFNyU5QiVCOCVFNCVCQSU5MiVFNSVBNCU4OSVFNiU4RiU5QiVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NzQ1MWNiZWU0NDBlOTFlODk3YTE5OWQyMzFlMjhjMjk%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5YXN1bW9kZXYmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTFiZGRhNzVhNjliZWZiMTZhZjQ2ODA4MDZmMGY2NzZm%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D0a1a7d3d405005f7f9ed02a615096233)
【連載】CasperJS でスクレイピング (1) - CasperJS の基本 - メモ用紙
人が操作するのではなくプログラムで Web ブラウザを操作する PhantomJS というツールがある。中身は WebKit。それをより簡単に使うためのツールが CasperJS である。 インストール方法 PhantomJS と CasperJS のふたつをインストールする。 Mac で Homebrew を使っている場合は次の一行で終了。 % brew install phantomjs casperjsWindows の場合は PhantomJS のダウンロードページ から phantomjs-1.9.7-windows.zip を、CasperJS から Download 1.1-beta3 (ZIP) を選択する。ダウンロードした ZIP ファイルを適当な場所に展開し、phantomjs.exe および casperjs.exe のあるディレクトリにパスを通す。 PhantomJ
鼎盛国际游戏平台-［诚信第一］
鼎盛国际游戏平台-［诚信第一］是包含了新葡京、威尼斯人、金沙、BBIN电子、MG真人视讯、BET365等多个官方平台，游戏、体育、娱乐的第一首选，点击进入最新的娱乐集团网址:www.782net,www.2007com,www.9159com,www.js333com,使鼎盛国际游戏平台-［诚信第一］成为亚洲一流的娱乐平台,鼎盛国际游戏平台-［诚信第一］,注册免费送28元2015。
男性歓喜！クリックするとおっぱいが揺れる·oppai.js MOONGIFT
oppai.jsはタップ（クリック）するとおっぱいが揺れる画像を作り出すJavaScriptライブラリです。 Webというのは基本的に静的なものが多いので、一部でも動いているとインパクトがあります。アニメーションGIFしかり、動画しかり、そしておっぱいしかり。 何もしていない場合 ちょっと揺れているのが分かるでしょうか？ こんな女性のサンプルも。 こちらはちょっと貧乳…？揺れが小さいようななんというか。 oppai.jsはおっぱいの位置を四角で定義するようです（いや、おっぱいは丸いよ、丸いんだよという意見はさておき）。そして当然右と左があるので個別に定義します。後はお気に入りの写真と右乳、左乳をパラメータに渡すだけで動くおっぱい画像のできあがりです。 追記：しかもスマートフォン（iPhoneで確認）だと加速度センサーによって振ると揺れるアクション付きです！これはぜひiPhoneでばんばん揺
ネイティブアプリのようなWebアプリを作るために
※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基本的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり＆カクカク」な印象のあるWebアプリの操作
Bootstrapを使ったイメージギャラリー·Bootstrap Image Gallery MOONGIFT
Bootstrap Image GalleryはTwitter社の開発したBootstrapを使ったイメージギャラリーソフトウェアです。 最近のWebサービスではTwitter社の開発したBootstrapをベースに提供するものが増えてきました。Bootstrap Image Galleryはそんな中、Bootstrapを使って開発されたイメージギャラリーソフトウェアとなっています。 サムネイル一覧です。奇麗に並びます。 サムネイルをクリックしました。ローディングアイコンが表示されます。 拡大表示されました。 フルスクリーンモードにも対応しています。 Bootstrap Image GalleryはBootstrapのテンプレートに用いることで、ユーザビリティ高いインタフェースを容易に実現しています。またBootsrapのモーダルダイアログを拡張もしています。そうした点も参考になりそうです
YouTube人気急上昇
【ポケカ #53】フュージョンアーツ、仰天のボルテッカー、イーブイヒーローズが再販されたので開封してみた 【ゆっくり実況】
スマートフォン・デスクトップそれぞれに最適な画像を表示する -Adaptive Image
画像を自動判定して、スマートフォンやデスクトップなどそれぞれの表示サイズに合わせて、最適なサイズに変更して画像を表示するPHP&JavaScriptを紹介します。 導入も簡単で、5分くらいでできる感じです。 Adaptive Images in HTML [ad#ad-2] Adaptive Imagesのデモ オリジナルの画像はサイズ1900x1069px、容量631Kbで、ブラウザのサイズに合わせて、ファイルサイズを変更して画像を表示します。 ファイルサイズの変更に伴い、サイズ自体も最適化されます。
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
-into-clipboard%26s%3Dd476ce935d1896700b1b067e1f6b8814)
Ext Core 3.0マニュアル日本語訳 - Ext JS Forums