今天在CSDN看到一份就業(yè)案例悍募，決定拿出來(lái)給大家分享風(fēng)向兑巾。一學(xué)軟件與工程的大學(xué)生剛剛畢業(yè)把自己的代碼上傳到網(wǎng)站之后狮鸭，被發(fā)現(xiàn)胡本，結(jié)果如愿以償?shù)恼业搅艘环莨ぷ鳌?br>
這個(gè)是文件拖拽上傳插件牌柄，提供 AJAX 異步文件上傳功能，支持拖拽文件上傳侧甫、支持最大文件大小珊佣、支持設(shè)置文件類型、支持預(yù)覽上傳結(jié)果披粟，不依賴jQuery庫(kù)咒锻。
文件拖拽上傳插件的使用
建立一個(gè)正式的上傳form表單，并且給表單一個(gè).dropzone的class
就這樣守屉，Dropzone會(huì)自動(dòng)找到.dropzone的表單form元素惑艇，并且通過(guò)action屬性，上傳到后臺(tái)接收文件的程序，如upload.php滨巴，就像接受一個(gè)很普通的file input表單:
然后思灌，在你的upload.php中寫上傳代碼，Dropzone官網(wǎng)下載的只有js代碼恭取，沒(méi)有后臺(tái)的上傳代碼泰偿，不過(guò)，我已經(jīng)把此案例以及所有源碼都下載下來(lái)了秽荤，并且穿到了我的前端群：621071874甜奄，歡迎各位小白或者想進(jìn)階的伙伴們進(jìn)群。不定期分享干貨窃款，包括我自己整理的一份2017最新的前端資料和零基礎(chǔ)入門教程都可以分享給大家课兄。
例子
最后給大家看看我強(qiáng)大又騷氣的背景桌面（還附帶聲音的，因?yàn)槭欠胖玫膭?dòng)態(tài)圖不能太大晨继，只能是這樣個(gè)效果烟阐，如果想設(shè)置的也可以來(lái)我的群哦，我會(huì)教大家如何設(shè)置的）：
文章來(lái)源于頭條（DarkSpy十三）：今日頭條DarkSpy十三紊扬。
