travelzen.js組件之【文件上傳】

2018-07-12 09:47 更新

文件上傳: travelzen.upload

用于實例一個文件上傳按鈕。

實例: 給input元素設(shè)置一個選擇器,最好是class類名;在input后面添加一個div元素,用于放置拖拽上傳的區(qū)域,也設(shè)置class選擇器 調(diào)用travelzen.upload方法。

  • 必選參數(shù)trigger:上傳按鈕選擇器,如下面html內(nèi)容中的".uploadFile"
  • 必選參數(shù)dropable:拖拽區(qū)域選擇器,如下面html內(nèi)容中的".dropZone"
  • 可選參數(shù)saveUrl:處理上傳文件的遠程接口
  • 可選參數(shù)removeUrl:刪除上傳文件的遠程接口

1.html

  1. <input class="uploadFile" type="text">
  2. <div class="dropZone">
  3. 拖拽文件到這里
  4. </div>

2.javascript

  1. $(function(){
  2. travelzen.upload({
  3. trigger: '.uploadFile',
  4. dropable: '.dropZone',
  5. saveUrl: 'https://travelzen.com',
  6. removeUrl: 'https://travezen.com'
  7. })
  8. })
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號