テã‚ストエリアã«ç”»åƒã‚’ドラッグアンドドãƒãƒƒãƒ—ã—ã¦ãƒ—レビュー表示ã—ãªãŒã‚‰ç·¨é›†å‡ºæ¥ã‚‹UI - Qiita色々ã¨èª¿ã¹ãŸãŒã¾ã¨ã¾ã£ã¦ã„る記事ãŒç„¡ã‹ã£ãŸã®ã§ã€å‚™å¿˜éŒ²ã¨ã—ã¦ãƒ¡ãƒ¢ã€‚ ã¾ã ã¾ã 改善ã®ä½™åœ°ã€ã¨ã„ã†ã‹ãƒ€ãƒ¡ãªéƒ¨åˆ†ã‚‚多々ã‚ã‚‹ãŒã€ã²ã¨ã¾ãšãã‚Œãžã‚Œã®ä»•çµ„ã¿ã®ç´°ã‹ã„ã“ã¨ã¯ç½®ã„ã¦ãŠã„ã¦ã€æ‰‹é †ã ã‘。 ##全体ã®æ§‹æˆ## 1.<textarea>ã¯ä½¿ã‚ãšã«ã€<div>を使ã†ã€‚ contenteditable="true"を指定ã™ã‚‹ã“ã¨ã§ä¸èº«ãŒç·¨é›†ã§ãるよã†ã«ãªã‚‹ã®ã§ã€ã“れをテã‚ストエリアã¨è¦‹ãªã™ã€‚ 2.テã‚ストエリアã«ãƒ‰ãƒãƒƒãƒ—ã•ã‚ŒãŸç”»åƒã‚’FileReaderã§èªã¿è¾¼ã¿ã€<div contenteditable="true">ã®ä¸ã«<img>è¦ç´ を生æˆã—ã¦ãƒ—レビューã™ã‚‹ã€‚ 3.アップãƒãƒ¼ãƒ‰ã®éš›ã¯ã€<img>è¦ç´ ã‚’FormDataã«çµ„ã¿è¾¼ã‚“ã§XMLHttpRequest.send()ã§é€ä¿¡ã™ã‚‹ã€‚ ##ソース## /*** *********************************************
ライトニングJava (62) Servletプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°(2) - GET/POSTã€æ—¥æœ¬èªžã®æ‰±ã„ã«ã¤ã„㦠| マイナビニュース
Facebookã‚„twitterã‚„mixiã®ãƒœã‚¿ãƒ³è¨ç½®ã¾ã¨ã‚ – æºå¸¯ãªã‚‹æŠ•è³‡å®¶
Vector Magic | Precision Bitmap to Vector Conversion Online
{{#tags}}- {{label}}
{{/tags}}