HTML5 File Uploads with jQuery
Today we will be developing a small web application called Upload Center, that will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers. The photos will have a preview and a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on t
機能全部入りアップãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£…jQueryプラグイン「Fine Uploaderã€:phpspot開発日誌
Fine Uploader a.k.a valums file-uploader 機能全部入りアップãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£…jQueryプラグイン「Fine Uploaderã€ã€‚ プãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ä»˜ãã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å¾Œã®å³æ™‚サムãƒã‚¤ãƒ«è¡¨ç¤ºã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—アップãƒãƒ¼ãƒ‰ã€è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å¯¾å¿œãªã©å…¨éƒ¨å…¥ã‚Šã€‚ BootStrapã®ãƒ†ãƒ¼ãƒžã«ã‚ã‚ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚IE7移行も対応ã—ã¦ã„ã¾ã™ã€‚ モダンãªã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã‚’作るãªã‚‰ï¼‘ã¤ã®é¸æŠžè‚¢ã«ãªã‚Šãã†ã§ã™ 関連エントリ ç”»åƒé¸æŠžæ™‚ã«ã‚µãƒ ãƒã‚¤ãƒ«ãŒå‡ºã¦åˆ†ã‹ã‚Šã‚„ã™ã„進æ—付ãjQueryファイルアップãƒãƒ¼ãƒ€ãƒ¼ã€ŒjQuery File Upload Demo〠HTML5を使ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç”¨ãƒ—ãƒã‚°ãƒ©ãƒ 集
ファイルアップãƒãƒ¼ãƒ‰ã®ãƒ¬ã‚¸ãƒ¥ãƒ¼ãƒ をブラウザ上ã§è¡Œãˆã‚‹ã€ŒResumable.jsã€:phpspot開発日誌
Resumable.js: Fault Tolerant Resumable File Uploads in JavaScript - Badass JavaScript ファイルアップãƒãƒ¼ãƒ‰ã®ãƒ¬ã‚¸ãƒ¥ãƒ¼ãƒ をブラウザ上ã§è¡Œãˆã‚‹ã€ŒResumable.jsã€ã€‚ HTML5ã®APIを使ã£ã¦ã“ã†ã—ãŸã“ã¨ãŒå®Ÿç¾ã§ãるよã†ã«ãªã‚‹ã¿ãŸã„ã§ã™ã€‚ ファイルãŒå¤§ãããªã‚Šã€å›žç·šã‚‚太ããªã‚Šã¾ã™ãŒãƒ–ラウザベースã ã¨è½ã¡ã¡ã‚ƒã£ãŸã‚‰ã¾ãŸã‚„ã‚Šç›´ã—ã¨å›žç·šã‚‚無駄ã§ã™ã—ã€ä½•ã‚ˆã‚Šæ™‚é–“ã®ãƒ ダã§ã™ã。 ã“ã†ã„ã£ãŸæ©Ÿèƒ½ãŒåºƒã¾ã‚Œã°æ²¢å±±ã®äººã®ç„¡é§„を減らã›ãã†ã§ã™ 動作ムービーã¯ä»¥ä¸‹ã«ã€‚ 何年後ã‹ã«ã¯å½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ã¦ãã‚“ãªæ™‚代ãŒã‚ã£ãŸã®ï¼Ÿã¨ã„ã†ã“ã¨ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã githubã«ã¦ã‚½ãƒ¼ã‚¹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ 関連エントリ HTML5ゲームã«ä½¿ãˆã‚‹ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºæ©Ÿèƒ½ä»˜ãプレãƒãƒ¼ãƒ‰ç”¨JSライブラリ「PxLoader〠HTML5ã®can
input type=â€file†を画åƒãƒœã‚¿ãƒ³ã«å¤‰æ›´ã™ã‚‹æ–¹æ³•ã€€ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’カスタマイズ | Stronghold Archive
ã©ã†ã‚‚ã“ã‚“ã°ã‚“ã¯ï¼ 今日ã¯ã€input type=â€file†を画åƒãƒœã‚¿ãƒ³ã«å¤‰æ›´ã™ã‚‹æ–¹æ³•ã€‘を書ããŸã„ã¨æ€ã„ã¾ã™ã€‚fileアップãƒãƒ¼ãƒ‰ã‚’ç”»åƒãƒœã‚¿ãƒ³ã«å·®ã—替ãˆã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティをå‘上ã•ã›ã‚‹ã®ãŒç›®çš„ã§ã™ã€‚ãŸã¾ã«ä½¿ã„ãŸããªã‚‹ã®ã§ã“ã“ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã。 通常ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚¿ã‚° <input type="file"> 通常ã®çŠ¶æ…‹ã§ã™ã€‚CSSã§èƒŒæ™¯ã‚„ボーダーを削除ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã«ã¯é™ç•ŒãŒã‚ã‚Šã¾ã™ã€‚ ã§ã™ã®ã§jQueryã§è£œå®Œã—ã¾ã™ã€‚ ボタンã®æº–å‚™ ファイルアップãƒãƒ¼ãƒ‰ã‚’ç”»åƒãƒœã‚¿ãƒ³ã«å¤‰æ›´ ・HTML <input type="file" id="file_01" class="file"> <label class="file_mask"> <span><!– ç”»åƒç”¨spanã‚¿ã‚° –></span> <input type="text" id="mask_file_01"> </label>
クãƒã‚¹ãƒ–ラウザã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã€Ajaxアップãƒãƒ¼ãƒ‰ã‚’å¯èƒ½ã«ã™ã‚‹ã€ŒFileDropã€:phpspot開発日誌
クãƒã‚¹ãƒ–ラウザã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã€Ajaxアップãƒãƒ¼ãƒ‰ã‚’å¯èƒ½ã«ã™ã‚‹ã€ŒFileDrop〠2012å¹´08月24æ—¥- FileDrop ? cross-browser JavaScript Drag & Drop file upload ? Блог Прогера クãƒã‚¹ãƒ–ラウザã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã€Ajaxアップãƒãƒ¼ãƒ‰ã‚’å¯èƒ½ã«ã™ã‚‹ã€ŒFileDropã€ã€‚ 対応ブラウザã§ã‚ã‚Œã°ä»¥ä¸‹ã®ãƒ–ラウザã§ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã«ã‚ˆã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ã©ã®JSフレームワークã«ã‚‚ä¾å˜ã›ãšå˜ä½“ã§ä½¿ãˆã¾ã™ã€‚ IEã§ã¯IFrameを利用ã—ãŸç”»é¢é·ç§»ãªã—ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã€‚ ファイルをドãƒãƒƒãƒ—ã™ã‚‹ã¨ã€å„種イベントãƒãƒ³ãƒ‰ãƒ©ãŒèµ·å‹•ã•ã‚Œã¦ã€ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã«å¿œã˜ãŸå¥½ããªå‡¦ç†ã‚’記述ã™ã‚‹ã“ã¨ã‚‚出æ¥ã‚‹ã¿ãŸã„。 関連エントリ HTML5を使ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç”¨ãƒ—ãƒã‚°ãƒ©ãƒ 集 jQuer
ç”»åƒé¸æŠžæ™‚ã«ã‚µãƒ ãƒã‚¤ãƒ«ãŒå‡ºã¦åˆ†ã‹ã‚Šã‚„ã™ã„進æ—付ãjQueryファイルアップãƒãƒ¼ãƒ€ãƒ¼ã€ŒjQuery File Upload Demoã€:phpspot開発日誌
ç”»åƒé¸æŠžæ™‚ã«ã‚µãƒ ãƒã‚¤ãƒ«ãŒå‡ºã¦åˆ†ã‹ã‚Šã‚„ã™ã„進æ—付ãjQueryファイルアップãƒãƒ¼ãƒ€ãƒ¼ã€ŒjQuery File Upload Demo〠2012å¹´03月19æ—¥- jQuery File Upload Demo ç”»åƒé¸æŠžæ™‚ã«ã‚µãƒ ãƒã‚¤ãƒ«ãŒå‡ºã¦åˆ†ã‹ã‚Šã‚„ã™ã„進æ—付ãjQueryファイルアップãƒãƒ¼ãƒ€ãƒ¼ã€ŒjQuery File Upload Demo〠Twitter Bootstrap を使ã£ãŸã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®ãƒ‡ãƒ¢ãªã‚“ã§ã™ãŒã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã™ã‚‹ã¨ã‚µãƒ ãƒã‚¤ãƒ«ãŒç›´ãã«å‡ºã¦ãã‚Œã¦ã¾ã™ã€‚（複数é¸æŠžãŒå¯èƒ½ï¼‰ ãã—ã¦ã€é¸æŠžå¾Œã€ã™ãアップãƒãƒ¼ãƒ‰ã¯é–‹å§‹ã•ã‚Œãšã€Startボタンを押ã™ã¨é–‹å§‹ã•ã‚Œã¾ã™ã€‚ ãªã‚“ã‹é¸æŠžã—ãŸã‚‰ã™ãアップã•ã‚ŒãŸãªã‚“ã¦ã„ã†ã‚±ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã®ã§ã“ã‚Œã¯å®‰å¿ƒã§ã™ã€‚ æ›´ã«ã€å€‹åˆ¥ã«ã‚ャンセルãŒå¯èƒ½ãªã®ã§ã€ã‚¢ãƒƒãƒ—ã—よã†ã¨æ€ã£ãŸç”»åƒã¨é•ã†ç‰©ã‚’é–“é•ã£ã¦ã‚¢ãƒƒãƒ—ã™ã‚‹äº‹ã‚’サムãƒã‚¤ãƒ«ã§æœªç„¶ã«é˜²ã’ã¾ã™ã€‚ アップã—ãŸå¾Œã‚‚ã€Del
HTML5を使ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç”¨ãƒ—ãƒã‚°ãƒ©ãƒ 集:phpspot開発日誌
10 HTML5 File Upload with jQuery Example HTML5を使ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç”¨ãƒ—ãƒã‚°ãƒ©ãƒ 集 プãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ä»˜ãã‚„ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç‰ã‹ã‚‰ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—対応ç‰ã€HTML5ã‚„jQueryを活用ã—ãŸã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã®ä¾‹ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ プãƒã‚°ãƒ©ãƒ ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ã€‚アップãƒãƒ¼ãƒ‰ã¯WEBサービスã®æ˜¨ä»Šã«ãŠã„ã¦å¿…é ˆã®æŠ€è¡“ã§ã™ãŒã€ã“ã†ã—ãŸã‚µãƒ³ãƒ—ルを見ã¤ã¤å®Ÿè£…方法ã«ã¤ã„ã¦ä¸€è€ƒã—ã¦ã¿ã¦ã‚‚よã•ãã†ã§ã™ã ファイルアップãƒãƒ¼ãƒ‰ã‚‚昔ã¯å˜èª¿ã¯ãƒ•ã‚©ãƒ¼ãƒ ã ã£ãŸã®ãŒå˜˜ã«æ€ãˆã‚‹ãらã„進化ã—ã¦ã¾ã™ã 関連エントリ jQueryã§å®Ÿè£…ã™ã‚‹é€²æ—グラフ付ã複数ファイルアップãƒãƒ¼ãƒ€ãƒ¼ 超シンプルãªç”»åƒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ï¼†ç”»åƒã‚·ã‚§ã‚¢ã§ãるツール「imgur〠今ã ã‹ã¤ã¦ãªã„使ã„ã‚„ã™ã•ã§UIもクールãªãƒžãƒ«ãƒã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼å®Ÿè£…ライブラリ「Pluploadã€
Gmail風ã«ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå‡ºæ¥ã‚‹jQueryプラグイン「jQuery HTML5 Uploader〠| Web活メモ帳
Gmail風ã«ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå‡ºæ¥ã‚‹jQueryプラグイン「jQuery HTML5 Uploaderã€ãŒè‰¯ã•ãã†ã ã£ãŸã®ã§ã”紹介。 HTML5対応ブラウザã§ã‚ã‚Œã°ã€ãƒãƒ¼ã‚«ãƒ«ã«ã‚るファイルをドラッグã™ã‚‹ã ã‘ã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ドラッグ時ã«ã¯è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚’指定ã§ãã‚‹ã®ã§ã€ã‚ˆã添付ファイルをé€ä¿¡ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã«ã¯ãŠã™ã™ã‚ã®æ©Ÿèƒ½ã§ã™ã€‚ ↑デモã®æ§˜åã€‚ç ´ã‚ŒãŸç©´ã®ç”»åƒã«ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã¨ã‚¢ãƒƒãƒ—ã•ã‚Œã¾ã™ã€‚ ファイルアップãƒãƒ¼ãƒ‰ä¸ã«ã¯å€‹ã€…ã®ãƒ•ã‚¡ã‚¤ãƒ«ã”ã¨ã«ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã«ã‚ˆã‚‹é€²æ—表示もå¯èƒ½ã§ã™ã€‚ 使ã„æ–¹ 使用ã™ã‚‹ã«ã¯ãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚“ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«é€ä¿¡å…ˆã®URLを指定ã™ã‚Œã°è‰¯ã„よã†ã§ã™ã€‚ â– JSã®èªã¿è¾¼ã¿ <script type="text/javascript" src="jquery.min.js"></script> <script type="text/j
html5uploaderã§è¤‡æ•°ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰æ™‚ã®ãƒã‚°ä¿®æ£
Gmailã®ã‚ˆã†ãªãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹æ©Ÿèƒ½ãŒä½¿ã„ãŸã‹ã£ãŸã®ã§æŽ¢ã—ã¦ã„ãŸã¨ã“ã‚ã€è¦‹ã¤ã‘ãŸã®ãŒhtml5uploaderã§ã™ã€‚JSã¨ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®PHPãŒä»˜ã„ã¦ã¾ã™ã€‚ html5uploader デモ http://www.weeby.pl/blog/html5uploader/uploader.html 比較的簡å˜ãªæ§‹é€ ã§æœ€ä½Žé™ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰æ©Ÿèƒ½ã‚’実装ã—ã¦ã„ã‚‹ã®ã§ã€elFinderã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã§ã€è¡¨é¡Œã®ãƒã‚°ã§ã™ãŒã€è¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’åŒæ™‚ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ã¯ã§ãã‚‹ã®ã§ã™ãŒã€æ™‚々サーãƒã‹ã‚‰No file to uploadã¨ã„ã†ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒè¿”ã£ã¦ãã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚リクエストを見るã¨ã€é€ã‚‹ã¯ãšã®Content-LengthãŒ0ãƒã‚¤ãƒˆã§ã€ãƒ‡ãƒ¼ã‚¿ã‚’é€ä¿¡ã—ã¦ã„ãªã„よã†ã§ã™ã€‚ åŽŸå› ã¯onloadendイベントã®é–¢æ•°ã§readerオブジェクトを直
HTML５ã§ãƒ–ラウザã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—å¯èƒ½ãªjQueryプラグイン「jQuery HTML5 Uploaderã€:phpspot開発日誌
HTML５ã§ãƒ–ラウザã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—å¯èƒ½ãªjQueryプラグイン「jQuery HTML5 Uploader〠2011å¹´05月26æ—¥- jQuery HTML5 Uploader HTML５ã§ãƒ–ラウザã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—å¯èƒ½ãªjQueryプラグイン「jQuery HTML5 Uploaderã€ã€‚ デスクトップã‹ã‚‰ãƒ–ラウザã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ããŸã‚‰ã€åˆå¿ƒè€…ã®äººã¨ã‹ã¯ã‚‚ã£ã¨ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒç°¡å˜ã«ãªã‚‹ã¯ãšã§ã™ã。 HTML5を使ã£ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã¦ã€ãã®UIãªã‚“ã‹ã‚‚é¢ç™½ã„UIã§æä¾›ã•ã‚Œã¦ã„ãŸã®ã§ã”紹介。当然ダウンãƒãƒ¼ãƒ‰ã—ã¦ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ファイルを画é¢ã®å‰²ã‚Œç›®ã®ç©´ã«ãƒ‰ãƒãƒƒãƒ—ã—ã¾ã—ょã†ã€‚複数ファイルもOKã¿ãŸã„。 ãªã‚“ã¨ã€ã™ã下ã«ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã¦ã‚¢ãƒƒãƒ—開始。進æ—表示もã§ãã¾ã™ã€‚ ã“ã‚“ãªã“ã¨ãŒå‡ºæ¥ã‚‹ã‚“ã ã¨ã„ã†ã®ã‚’知ã£ã¦ãŠãã ã‘ã§ã‚‚よã•ãã†ã§ã™ãŒã€jQue
実用的。jQuery/Flash製ã®ãƒžãƒ«ãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼Â·Transmit MOONGIFT
Transmitã¯jQuery製ã®Flashベースã®ãƒžãƒ«ãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã€‚ Transmitã¯jQuery/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。HTML5ã§ã¯è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚’一括アップãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãる。ã ãŒãã®ãŸã‚ã«æ—¢å˜ã‚µã‚¤ãƒˆã‚’HTML5ã«ç§»è¡Œã•ã›ã‚‹ã®ã¯ç¾å®Ÿçš„ã§ã¯ãªã„ã ã‚ã†ã€‚ãã“ã§ã‚ˆã使ã‚れるã®ãŒFlashã«ã‚ˆã‚‹ãƒžãƒ«ãƒãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã 。 ファイルを指定ã—ãŸå¾Œã®è¡¨ç¤º 最も有åãªãƒ©ã‚¤ãƒ–ラリã¯SWFUploadã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ã ãŒå®Ÿéš›ã«ä½¿ã†ä¸Šã§ã¯è‰²ã€…ã¨ã‚³ãƒ„ãŒã„る。もã£ã¨æ‰‹è»½ã«å®Ÿç¾ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリã¯ãªã„ã ã‚ã†ã‹ã¨è€ƒãˆã¦ã„ãŸæ‰€ã§è¦‹ã¤ã‘ãŸã®ãŒTransmitã«ãªã‚‹ã€‚何ã¨è¨€ã£ã¦ã‚‚jQueryベースãªã®ãŒè‰¯ã„。 使ã„æ–¹ã¯ç°¡å˜ã§ã€transmitã¨ã„ã†ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å…ˆã®URLを指定ã™ã‚‹ã ã‘ã§è‰¯ã„。オプションã¨ã—ã¦ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã®å¯å¦ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚¿ã‚¤ãƒ—ã®æŒ‡å®šã€
ç”»é¢é·ç§»ãªã—ã®Ajaxã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹jQueryプラグイン10:phpspot開発日誌
10 Powerful AJAX jQuery File Uploaders | CreativeFan ç”»é¢é·ç§»ãªã—ã®Ajaxã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹jQueryプラグイン10。 アップãƒãƒ¼ãƒ€å®Ÿè£…ã«ã¾ã‚ˆã£ãŸã‚‰ã¨ã‚Šã‚ãˆãšã€ã“ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚考ã«æ¯”較検討ã§ããã†ã§ã™ã€‚ Valums AJAX Uploader Plupload Uploadify AJAX Multiple File Upload Form using jQuery jQuery Multiple File Upload Plugin ã“ã‚Œã ã‘ã‚ã‚Œã°ã€è‡ªåˆ†ã«ã‚ã£ãŸã‚‚ã®ãŒè¦‹ã¤ã‹ã‚Šãã†ã§ã™ã。
オンラインファイル管ç†ã‚µãƒ¼ãƒ“ス「Boxã€ã€HTML5ã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã«å¯¾å¿œ
ç±³Box.netã¯ç±³å›½æ™‚é–“2010å¹´5月28æ—¥ã€åŒç¤¾ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ç®¡ç†ã‚µãƒ¼ãƒ“ス「Boxã€ã‚’機能強化ã—ã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—æ“作ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã§ãるよã†ã«ã—ãŸã¨ç™ºè¡¨ã—ãŸã€‚パソコンã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‹ã‚‰Webブラウザーã®Boxç”»é¢ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’入れるã¨ã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒè¡Œãˆã‚‹ã€‚ Boxã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—機能ã¯HTML5ã§å®Ÿç¾ã—ã¦ãŠã‚Šã€ç¾åœ¨Windows用ã®Firefox 3.6ãŠã‚ˆã³Chromeã‹ã‚‰åˆ©ç”¨ã§ãる。数週間後ã«Windows以外ã®OS上ã§å‹•ãChromeã‚„Safariã§ã‚‚ドラッグ＆ドãƒãƒƒãƒ—ã‚’è¡Œãˆã‚‹ã‚ˆã†ã«ã™ã‚‹è¨ˆç”»ã€‚ Box.netã¯ä»Šå¾Œã•ã‚‰ã«HTML5対応を進ã‚ã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®ä¸€æ™‚åœæ¢ï¼å†é–‹ã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚ャッシュã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ç”¨ãƒ•ã‚¡ã‚¤ãƒ«ã®è¤‡æ•°ä¸€æ‹¬æŒ‡å®šã¨ã„ã£ãŸæ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã¨ã—ã¦ã„る。 Boxã¯ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«æ©Ÿèƒ½ã‚’å‚™ãˆã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ç®¡ç†ã‚µãƒ¼ãƒ“ス。無料版サービス「Liteã€ï¼ˆæœ€å¤§å®¹é‡ã¯1
oklab -
最近ã§ã¯ã‚³ãƒ³ãƒ”ューターã€ã‚¦ã‚§ãƒ–ã€ãƒ¢ãƒã‚¤ãƒ«ã§ã‚²ãƒ¼ãƒ を楽ã—ã‚るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ã“れらã®ã‚²ãƒ¼ãƒ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ã¤ã„ã¦å¦ã³ã¾ã—ょã†ã€‚ ゲームプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ç‰¹å¾´ ゲームプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯æ¯”較的新ã—ã„ジャンルã§ã™ã€‚ ゲーム開発ã«ä½¿ç”¨ã•ã‚Œã‚‹è¨€èªžã¯ã€C#ã€C++ã€JavaScriptã€Swiftã€Rubyã§ã™ã€‚ゲームã§ã¯é€šå¸¸ã®ã‚¢ãƒ—リケーションã¨ç•°ãªã‚Šè¤‡é›‘ãªãƒ“ジュアルをæ“作ã™ã‚‹ãƒ‘フォーマンスã¨é€Ÿåº¦ãŒè¦æ±‚ã•ã‚Œã¾ã™ã®ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒ 言語もãã‚Œã«ç‰¹åŒ–ã—ã¦ã„る言語ãŒãŠã™ã™ã‚ã§ã™ã€‚ ゲームプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯ä»Šå¾Œã‚‚人気ã®è·ç¨®ã§ã™ã€‚ç¿’å¾—ã—ã¦ã‚¹ãƒ†ãƒƒãƒ—アップを目指ã—ã¾ã—ょã†ã€‚ Oracle PLã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«ã¤ã„ã¦å¦ã³ã¾ã—ょã†ã€‚ Oracle PLã®ç‰¹å¾´ SQLã€T-SQLã¨åŒæ§˜ã«Oracle PLもデータベースを処ç†ã™ã‚‹ãŸã‚ã®è¨€èªžã§ã™ã€‚é•ã„ã¨ã—ã¦ã¯Oracle PLã¯ä¸–界最大ã®ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã®ã²ã¨ã¤ã§ã‚ã‚‹Oracleデ
Firefox 3.6ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ドラッグ＆ドãƒãƒƒãƒ—ã™ã‚‹æ–¹æ³• | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable hacks.mozilla.orgã«ãŠã„ã¦file drag and drop in Firefox 3.6ã®ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚‚ã¨ã€Firefox 3.6ã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã¨è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã®é¸æŠžã‚’処ç†ã™ã‚‹æ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ã„る。ドラッグ＆ドãƒãƒƒãƒ—対象ã®ãƒ‡ãƒ¼ã‚¿ã‚’扱ã†DataTransferã¯Fiorefox 3.0 (Gecko 1.9)ã§ã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã®ã‚¤ãƒ™ãƒ³ãƒˆã¯Firefox 3.5 (Gecko 1.9.1)ã§ã€éžåŒæœŸã®ãƒ•ã‚¡ã‚¤ãƒ«èªã¿è¾¼ã¿ã¯Firefox 3.6 (Gecko 1.9.2)ã§å®Ÿè£…ã•ã‚Œã¦ã„る。ã“れらを組ã¿åˆã‚ã›ã¦å‡¦ç†ã™ã‚‹æ–¹æ³•ãŒç°¡å˜ã«èª¬æ˜Žã•ã‚Œã¦ã„る。ãªãŠã€è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã™ã‚‹æ–¹æ³•ã¯åŒã˜ãhacks.mozilla.orgã«ãŠã„ã¦ã‚µãƒ³ãƒ—ルコードãŒç´¹ä»‹ã•ã‚Œã¦
ファイルアップãƒãƒ¼ãƒ‰ã®éš›ã«ä¾¿åˆ©ãªFlash/JavaScriptウィジェット集:phpspot開発日誌
10 Most Interesting Upload Widgets | AjaxLine ファイルアップãƒãƒ¼ãƒ‰ã®éš›ã«ä¾¿åˆ©ãªFlash/JavaScriptウィジェット集。 通常ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰æ©Ÿèƒ½ã‚’実装ã™ã‚‹ã¨ä½¿ãˆãªã„ã¨è¨€ã‚ã‚Œãªã„ãらã„ã€Flickrãªã©ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãªã‚“ã‹ã¯ä¾¿åˆ©ã«ãªã£ã¦ã„ã¾ã™ã‚ˆã。 実装ã™ã‚‹ã¨ä¾¿åˆ©ã«ãªã‚Šãã†ãªã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆãŒè‰²ã€…ã¨ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã®ã§ã”紹介。 Flash Upload Widget Flashを使ã£ã¦ã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®é€²æ—を表示ã—ã¦ãれるウィジェット XUpload Perlã§æ›¸ã‹ã‚ŒãŸãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ アップãƒãƒ¼ãƒ‰ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆ Uber-Uploader Perl or PHP + JSã§æ›¸ã‹ã‚ŒãŸè¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã€‚進æ—表示ã¤ã jqUploader jQueryアップãƒãƒ¼ãƒ‰ç”¨ãƒ—ラグイン Ajax Style File Upload ASP.NET用リアルタ
jQueryã§Ajaxファイルアップãƒãƒ¼ãƒ‰ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリ:phpspot開発日誌
Ajax file upload with jquery - valums.com jQueryã§Ajaxファイルアップãƒãƒ¼ãƒ‰ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリ。 次ã®ã‚ˆã†ãªã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã‚’実装ã§ãã¾ã™ã€‚ å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã 後ã€æ¬¡ã®ã‚ˆã†ãªã‚¹ã‚¯ãƒªãƒ—トã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ€ãƒ¼ã‚’åˆæœŸåŒ–ã—ã¾ã™ã€‚ ãªã‹ãªã‹ã‚ã‹ã‚Šã‚„ã™ã„使ã„æ–¹ã«ãªã£ã¦ã„ã¾ã™ã。 $(document).ready(function(){ $.ajax_upload('#div_id', { // Location of the server-side upload script action: 'upload.php', // File upload name name: 'userfile', // Additional data to send data: { key1 : 'value', key2 : 'value2' }, // Fire
mixi openidã«å¯¾å¿œã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚ã·ã‚ã ã®ä½œã‚Šæ–¹ - labolo
mixi openidプラットフォームを利用ã™ã‚‹ã¨ã€é€šå¸¸ã®ãƒ¦ãƒ¼ã‚¶èªè¨¼ä½œæ¥ã‚’代行ã—ã¦ãれるã ã‘ã§ãªãã¦ã€ãƒžã‚¤ãƒŸã‚¯ã®ã¿èªè¨¼ã‚’ã—ãŸã‚Šã€æŒ‡å®šã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã«å…¥ã£ã¦ã„る人ã ã‘èªè¨¼ã‚’実施ã—ãŸã‚Šã§ãる。 mixi OpenIDã¨ã¯ ãã“ã§ä»Šå›žã¯ã€æŒ‡å®šã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã«æ‰€å±žã—ã¦ã„る人ã ã‘ãŒãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãƒ»ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ãªwebサービスを作ã£ã¦ã¿ã‚‹ã€‚本気ã§ã‚µãƒ¼ãƒ“ス化ã™ã‚‹æ°—ã¯ç„¡ã„ã®ã§ã€ã²ã©ã„完æˆåº¦ã§ã™ã€‚ ã¾ãšã“ã®ãƒªãƒ³ã‚¯ã‚’クリックã—ã¦ã¿ã¦ãã ã•ã„ã€ã„ããªã‚Šmixiã«é£›ã°ã•ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ ニコニコ動画コミュã«å‚åŠ ã—ã¦ã„る人ã ã‘ãŒä½¿ãˆã‚‹ã‚ã·ã‚ã mixiã§ã¯ã€mixiアカウントをæŒã£ã¦ã„ã¦ä¸”ã¤ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ã«å‚åŠ ã—ã¦ã„る人ã ã‘ãŒèªè¨¼ãŒé€šã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã“ã§ã€Œèªè¨¼ã‚’許å¯ã™ã‚‹ã€ã‚’é¸æŠžã™ã‚‹ã¨å…ƒã®ãƒšãƒ¼ã‚¸ã«æˆ»ã£ã¦ãã¦èªè¨¼ãŒå®Œäº†ã—ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨ã‹ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒã§ããŸã‚Šã™ã‚‹ã‚ˆã†
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Google Code Archive - Long-term storage for Google Code Project Hosting.
example/index.html at master from blueimp/jQuery-File-Upload - GitHub
{{#tags}}- {{label}}
{{/tags}}