ウェブアプリケーションã‹ã‚‰ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®ä½¿ç”¨ - Web API | MDN
ファイル API を使用ã™ã‚‹ã¨ã€ã‚¦ã‚§ãƒ–コンテンツãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é¸æŠžã™ã‚‹ã‚ˆã†ã«æŒ‡ç¤ºã—ã€ãれらã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿å–ã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®é¸æŠžã¯ HTML ã® <input type="file"> è¦ç´ を使用ã—ãŸã‚Šã€ãƒ‰ãƒ©ãƒƒã‚° & ドãƒãƒƒãƒ—ã‚’è¡Œã£ãŸã‚Šã™ã‚‹ã“ã¨ã§è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚
File API入門 | å‰ç·¨ File APIã¨FileReader APIã®åˆ©ç”¨
èªã¿è¾¼ã¿å®Œäº†æ™‚ã«ãƒ‡ãƒ¼ã‚¿ã‚’表示ã™ã‚‹ ã¨ã¦ã‚‚ç°¡å˜ã«æ›¸ã‘ã¾ã™ã€‚HTMLã¯æœ€åˆã®ã‚‚ã®ã¨åŒã˜ã§ã™ã€‚ var inputFile = document.getElementById('file'); var reader = new FileReader(); function fileChange(ev) { var target = ev.target; var file = target.files[0]; var type = file.type; var size = file.size; if ( type !== 'image/jpeg' ) { alert('é¸æŠžã§ãるファイルã¯JPEGç”»åƒã ã‘ã§ã™ã€‚'); inputFile.value = ''; return; } reader.readAsDataURL(file); } function fileLoad() { consol
ç”»åƒã‚’クライアントå´ã§ç¸®å°ã—ã¦ãƒ—レビューã—ãŸå¾Œã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã™ã‚‹ | egashira.jp
2015-08-10 iPhoneã§ã²ã—ゃã’ã¦ã—ã¾ã†ãƒã‚°ã«å¯¾å¿œã—ãŸã€JavaScriptã§ç”»åƒã‚’縮å°å‡¦ç†ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ JPEGã®å›žè»¢æƒ…å ±ã‹ã‚‰æ£ã—ã„å‘ãã§è¡¨ç¤ºã—ãŸã‚Šã€ã‚¸ãƒ£ã‚®ãƒ¼ã‚’減らã™ãŸã‚ã«ã‚¨ãƒ«ãƒŸãƒ¼ãƒˆãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’使ã£ãŸã‚¹ãƒ ージングも行ã„ã¾ã™ã€‚ ç”»åƒã‚’投稿ã§ãるサイトãªã©ã§ã¯ã€å†™çœŸã‚’"é…ã›ã‚‹"ãŸã‚ã®ã‚µã‚¤ãƒˆã§ãªã„é™ã‚Šãƒ‡ã‚£ã‚¹ãƒ—レイ幅以上ã®è§£åƒåº¦ã®ãƒ‡ãƒ¼ã‚¿ã¯å¿…è¦ãªãã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚ŒãŸç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’サーãƒå´ã§ç¸®å°å‡¦ç†ã—ãŸãƒ‡ãƒ¼ã‚¿ã®ã¿ã‚’ä¿å˜ã—ã¦ã„ã‚‹ã“ã¨ã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ iPhoneã®OSãŒãƒãƒ¼ã‚¸ãƒ§ãƒ³6ã«ãªã£ã¦ã‹ã‚‰ã€ã‚ˆã†ã‚„ãHTMLã®<input type="file">ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã€ã‚¹ãƒžãƒ›ç•Œéšˆã§ã‚‚ç”»åƒæŠ•ç¨¿ãŒç†±ããªã£ã¦ã‚‹æ„Ÿã˜ãŒã—ã¾ã™ãŒã€ã‚¹ãƒžãƒ›ã®ã‚«ãƒ¡ãƒ©ã¯ãƒ¡ã‚¬ãƒ”クセルãŒå½“ãŸã‚Šå‰ãªã®ã§ã€ãã®ã¾ã¾ã ã¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒ1メガ以上ã«ãªã£ã¦ã—ã¾ã„ã€é€šä¿¡å¸¯åŸŸã‚’無駄ã«ä½¿ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ HTML5ã§å®Ÿç”¨
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}