本文介紹了使用Dropzone.js上傳的示例代碼,分享給大家,具體如下:
10年積累的網(wǎng)站制作、網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn),可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有德安免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
說明:后臺用的python的flask框架,后臺對你理解這篇文章沒什么影響,你可以使用php
form作為上傳區(qū)
引入Dropzone.js和dropzone.css然后使用表單form定義一個class=”dropzone”即可完成
Flask upload with Dropzone example
效果
div作為上傳區(qū)
div作為上傳區(qū)也很簡單
Flask upload with Dropzone example 點(diǎn)我上傳
效果
form作為上傳區(qū)配置
配置也分為兩種,如果使用的form表單上傳的就用如下方式配置
Flask upload with Dropzone example
效果
div作為上傳區(qū)配置
Flask upload with Dropzone example 點(diǎn)我上傳
說明:關(guān)于其他的配置請看最后的鏈接
主題
第一種
Configuration Demo
Add files...第二種效果與默認(rèn)的一樣
Flask upload with Dropzone example ✔✘demo文件
如果是flask框架可進(jìn)行測試點(diǎn)擊此處下載,如果是php或者其他就看看不必下載
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
網(wǎng)頁標(biāo)題:使用Dropzone.js上傳的示例代碼
標(biāo)題路徑:http://weahome.cn/article/ieoodh.html