由於項目需要，完成一個web的圖片拖拽上傳，也就順便學習和了解了一下前端的比較新的技術：HTML5的api，作為一名前端的菜鳥，沒什么可說的，直接分享自己學習的資料：
關於HTML5 的這些新的特性大家可以到Mozilla的開發者社區MDN https://developer.mozilla.org/zh-CN/ 上查HTML5的資料
還有就是發掘到的比較牛逼的一篇博客：http://blog.bingo929.com/renren-drag-drop-photo-filereader-formdata.html
實現圖片拖拽上傳需要用到那些技術？
拖拽上傳應用主要使用了以下HTML5技術：
Drag&Drop : HTML5基於拖拽的事件機制.
File API : 可以很方便的讓Web應用訪問文件對象，File API包括FileList、Blob、File、FileReader、URI scheme，本文主要講解拖拽上傳中用到的FileList和FileReader接口。
FormData : FormData是基於XMLHttpRequest Level 2的新接口，可以方便web應用模擬Form表單數據，最重要的是它支持文件的二進制流數據，這樣我們就能夠通過它來實現AJAX向后端發送文件數據了。
菜鳥的尷尬！
作為一個前端菜鳥，公司能給你4、5個小時調查實現所需要的技術已經很慷慨了。所以你想要對領導說：我要學習這個學習那個然后才能做。 呵呵，那是不可能的。現在的公司做的都是敏捷開發，講求的是效率、成本控制，所以不會給你時間學會在來做東西的。那么怎么辦？ 我們強大的js有着豐富的插件，使用這些類庫各方面來說都要比自己寫的要好，至少CSS不用自己考慮太多，而且功能上比自己寫的要好很多，畢竟時間有限，功力還不夠。只能設想找個時間學習這些底層的技術，將來可以自己寫。好了！說說今天的插件Dropzonejs
翻譯初衷？
其實也算不上翻譯，只是這個類庫很小，自己在看官方手冊的時候忽然想着，看英文總是覺得有點慢，但是開發的過程中我們需要反復查找手冊，學習手冊。這樣還不如在我第一次通讀手冊時，一邊讀一邊寫下翻譯，就這樣有了這個翻譯的手冊，全憑理解和翻譯工具。可能會有一些理解錯誤的地方，但是無論怎樣也算是有了一個自己整理的手冊了，上周項目完成了，今晚閑着就把這些整理出來，分享個大家
DropzoneJS是什么？
DropzoneJS是一個提供文件拖拽上傳並且提供圖片預覽的開源類庫，它是輕量級的，不依賴任何其他類庫（如JQuery）並且高度可定制.
DropzoneJS相關信息
官網：http://www.dropzonejs.com/
GitHub：https://github.com/enyo/dropzone
DropzoneJS中文手冊
地址：http://wxb.github.io/dropzonejs.com.zh-CN/
這個手冊是我把官網copy了一份，然后制作的一個靜態的手冊
好了，很簡單的一個js類庫，大家有需要了可以對看看我翻譯的中文，如果我的翻譯有什么錯誤可以留言或者在GitHub:https://github.com/wxb/dropzonejs.com.zh-CN 上issue