Ajax ã‚’ 使ã£ãŸæ‰‹æ›¸ãæ–‡å—èªè˜ã§ã™ã€‚下ã®ã‚ャンãƒã‚¹ã«ãƒžã‚¦ã‚¹ã§æ–‡å—ã‚’æã„ã¦ã¿ã¦ãã ã•ã„。 デモ
Ajax を使ã£ãŸæ‰‹æ›¸ãæ–‡å—èªè˜
Ajax ã‚’ 使ã£ãŸæ‰‹æ›¸ãæ–‡å—èªè˜ã§ã™ã€‚下ã®ã‚ャンãƒã‚¹ã«ãƒžã‚¦ã‚¹ã§æ–‡å—ã‚’æã„ã¦ã¿ã¦ãã ã•ã„。 デモ
canvasã«æã„ãŸçµµï¼ˆç”»åƒï¼‰ã‚’サーãƒã«ä¿å˜ - 超自己満足プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
canvasã«æã‹ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ã«ã¯ã€canvas.toDataURL() を使ã„ã¾ã™ã€‚ toDataURL()ã§å¾—られるã®ã¯ã€base64エンコードã•ã‚ŒãŸç”»åƒæƒ…å ±ãªã®ã§ã€ ãれをサーãƒã«é€ã£ã¦ã€base64デコードã—ã¦ä¿å˜ã¨ã„ã†æµã‚Œã§ã™ã€‚ toDataURL()ã—ã¦ã€ãã®ãƒ‡ãƒ¼ã‚¿ã‚’POSTã™ã‚‹éƒ¨åˆ†ã®javascript (ajax部分ãŒé¢å€’ãªã®ã§ã€prototype.jsを使用) function saveImage() { var imgdata = $('canvas_id').toDataURL(); // デフォルトã ã¨png, 引数ã§jpegã¨ã‹ã‚‚å¯èƒ½ imgdata = imgdata.replace('data:image/png;base64,', ''); // é ã®ã„らãªã„部分をè½ã¨ã™ new Ajax.Request(<ç”»åƒä¿å˜CGIã®URL>, { param
Ajaxçš„ã«ç”»åƒãªã©ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹æ–¹æ³• ::ãƒãƒ–ã‚ã
a-blog cmsã®é–‹ç™ºä¸ã€Ajaxçš„ã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã®ã§ã€ãã®éš›ã®èª¿ã¹ç‰©ã«ã¤ã„ã¦ã‹ãã¾ã™ã€‚普通ã«postã—よã†ã«ã‚‚ã€JavaScriptã§ãƒãƒ¼ã‚«ãƒ«ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯æ‰±ãˆãªã„よã€ã£ã¦è©±ã§ã€å…ˆè¼©ã‹ã‚‰ã€ŒiframeãŒãƒ’ントã ï¼ã€çš„ãªã–ã£ãã‚Šã¨ã—ãŸã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚’é ‚ã„ãŸã®ã§ã€ãã‚Œã‚’é ¼ã‚Šã«èª¿ã¹ã‚‹ã€‚ ç”»é¢é·ç§»ãªã—ã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹æ–¹æ³• - 30ã‹ã‚‰ã®Blog ãŠãŠã€ãªã‚‹ã»ã©ãªã‚‹ã»ã©ã€‚以下ã€HTML, JavaScript, PHPã®ã‚µãƒ³ãƒ—ルをメモ。 ã“ã‚“ãªHTMLã‚’JavaScriptã§æ“作ã™ã‚Œã°ã„ã„ JavaScript自身ãŒè¦ç´ ã®ç”Ÿæˆã‚’作æˆã—ã¦ã‚‚よã„ã§ã™ãŒã€æœ€çµ‚çš„ã«ã¯ã“ã†ã„ã†HTMLãŒä½œæˆã•ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ <a href="#" id="uploadTrigger">アップãƒãƒ¼ãƒ‰ã™ã‚‹ãœãƒ¼</a> <form id="uploadForm" action="ç”»åƒPOS
Life is beautiful: Ajaxã®æœ¬è³ªã€ã€ŒéžåŒæœŸãƒ¡ãƒƒã‚»ãƒ¼ã‚¸åž‹ã‚¦ã‚§ãƒ–・アプリケーションã€ã®ã‚¹ã‚¹ãƒ¡
最近ã€ã€Œã“ã‚Œã‹ã‚‰ã®ã‚¦ã‚§ãƒ–・アプリケーションã¯Ajaxã ã€ã¨ã„ã†å£°ã‚’良ãèžã。ソフトウェアを生æ¥ã¨ã—ã¦ã„るエンジニアã¨ã—ã¦ã¯ã€ã“ã®æ‰‹ã®ã€Œæµè¡Œã‚‚ã®ï¼ˆhype）ã€ã«è§¦ã‚ŒãŸæ™‚ã«ã¯ã€è¡¨é¢çš„ãªã‚‚ã®ã«è¸Šã‚‰ã•ã‚Œãšã«ã€ãã®æœ¬è³ªã‚’自分ãªã‚Šã«ã—ã£ã‹ã‚Šã¨æ•ã‚‰ãˆã¦æ¶ˆåŒ–・å¸åŽã—ã¦è‡ªåˆ†ã®ã‚‚ã®ã«ã—ãªã‘ã‚Œã°ã„ã‘ãªã„。今ã¾ã§ã‚‚ã€ã€Œã‚ªãƒ–ジェクト指å‘ã€ã€ã€Œãƒžãƒ«ãƒãƒ»ãƒ†ã‚£ã‚¢ãƒ¼ãƒ»ã‚¢ãƒ¼ã‚テクãƒãƒ£ãƒ¼ã€ã€ãªã©ã®è¨€è‘‰ãŒä¸€äººæ©ãã™ã‚‹ãŸã³ã«ã€ã€Œã“ã‚Œã‹ã‚‰ã¯â—‹â—‹ã ã€ã¨ã‹ã€Œâ—‹â—‹ã®æ™‚代ã¯çµ‚ã‚ã£ãŸã€ãªã©ã¨ã€éŽæ¿€ãªã“ã¨ã‚’言ã£ã¦èªè€…ã®ç›®ã‚’引ã“ã†ã¨ã ã‘ã™ã‚‹ãƒžã‚¹ã‚³ãƒŸã‚„ä¼æ¥ã®ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°æˆ¦ç•¥ã«æ•°å¤šãã®äººãŒè¸Šã‚‰ã•ã‚Œã¦ããŸã€‚ ãã‚“ãªãƒŽã‚¤ã‚ºã らã‘ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã«æ··ä¹±ã•ã›ã‚‰ã‚ŒãŸçµæžœã€ã€Œï¼£ã§ã¯ã‚ªãƒ–ジェクト指å‘ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¯å‡ºæ¥ãªã„ã€ã¨ä¿¡ã˜ã¦ã„るエンジニアãŒã„ã¾ã ã«æ²¢å±±ã„ã‚‹ã“ã¨ã¯å…¨ã嘆ã‹ã‚ã—ã„ã“ã¨ã 。「オブジェクト指å‘ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ã¯ã€è¨è¨ˆå§¿å‹¢ãƒ»ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¿ã‚¤ãƒ«ã«
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}