ã¯ã¦ãªãƒ–ãƒã‚° | 無料ブãƒã‚°ã‚’作æˆã—よã†
『好ããªé£Ÿã¹ç‰©ãŒã¿ã¤ã‹ã‚‰ãªã„ã€ã‚’èªã‚“ã å¤è³€åŠåã•ã‚“ãŒã€Žå¥½ããªé£Ÿã¹ç‰©ãŒã¿ã¤ã‹ã‚‰ãªã„ã€ã¨ã„ã†æœ¬ã‚’出ã—ãŸã€‚ä¸ã«åƒ•ã®è¨˜äº‹ã«è§¦ã‚Œã¦ãれるパートãŒã‚ã£ã¦ã€ãã®é–¢ä¿‚ã§ã„ãŸã ã„ã¦æ—©ã‚ã«èªã‚€ã“ã¨ãŒã§ããŸã€‚ ã“ã‚Œã¯å¤è³€ã•ã‚“ãŒå¥½ããªé£Ÿã¹ç‰©ã‚’探ã™æœ¬ã€‚エッセイã¨ã„ã†ã¨ã€çŸã„話ãŒãŸãã•ã‚“å…¥ã£ã¦ã„ã‚‹ã‚‚ã®ã—ã‹èªã‚“ã ã“ã¨â€¦
HTML5 ã® Drag and Drop API 㨠File API を使ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã‚’実装ã™ã‚‹ - ã—ã°ã‚„ん雑記
HTML5 ã® Drag and Drop API を使ã†ã“ã¨ã§ã€ãƒ–ラウザã«ãƒ‰ãƒãƒƒãƒ—ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®æƒ…å ±ã‚’æ‰±ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ãã—㦠File API を組ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸èº«ã¾ã§æ‰±ã†ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãã—㦠FormData オブジェクト㨠XHR を組ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰å‡¦ç†ã¾ã§ã‚’実装ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚完æˆå›³ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ 今回㯠JavaScript ã®å‡¦ç†ãŒä¸å¿ƒã§ã™ã€‚jQuery を使ã£ã¦ã„ã‚‹ã®ã§è¿½åŠ ã—ã¦ãã ã•ã„ã。 $(function () { var uploadFiles = function (files) { // FormData ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ç”¨æ„ var fd = new FormData(); // ãƒ•ã‚¡ã‚¤ãƒ«æƒ…å ±ã‚’è¿½åŠ ã™ã‚‹ for (var i = 0; i < files.length; i++) { fd.append(
特殊文å—リファレンス
ã“ã®ãƒšãƒ¼ã‚¸ã§ç´¹ä»‹ã™ã‚‹ã®ã¯HTML4.01ã§å®šç¾©ã•ã‚Œã¦ã„る特殊ãªæ–‡å—ã§ã™ã€‚ ã“れらã®æ–‡å—を表示ã•ã›ã‚‹ã«ã¯ã€ï½¢&ã‚ーワード；｣ã€ï½¢&#番å·ï¼›ï½£ã¨ã„ã†2通りã®è¨˜è¿°æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ã‚ーワードã¯ã€å¤§æ–‡å—ã¨å°æ–‡å—ãŒåŒºåˆ¥ã•ã‚Œã¾ã™ã€‚ ※OSやブラウザã®ç¨®é¡žãƒ»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç‰ã®ç’°å¢ƒã«ã‚ˆã‚Šã€è¡¨ç¤ºã•ã‚Œãªã„å ´åˆãŒã‚ã‚‹ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„。
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
HTML5Rocks - A resource for open web HTML5 developers
{{#tags}}- {{label}}
{{/tags}}