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

文件上傳： travelzen.upload

用于實(shí)例一個(gè)文件上傳按鈕。

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

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

1.html

<input class="uploadFile" type="text">
<div class="dropZone">
    拖拽文件到這里
</div>

2.javascript

$(function(){
    travelzen.upload({
        trigger: '.uploadFile',
        dropable: '.dropZone',
        saveUrl: 'https://travelzen.com',
        removeUrl: 'https://travezen.com'
    })
})