JavaScript ã§ã®ãƒãƒ¼ã‚«ãƒ« ファイルã®èªã¿è¾¼ã¿ - HTML5 Rocks
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the
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(
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}