travelzen.js组件之【文件上传】
2018-07-12 09:47 更新
文件上传: travelzen.upload
用于实例一个文件上传按钮。
实例: 给input元素设置一个选择器,最好是class类名;在input后面添加一个div元素,用于放置拖拽上传的区域,也设置class选择器 调用travelzen.upload方法。
- 必选参数trigger:上传按钮选择器,如下面html内容中的".uploadFile"
- 必选参数dropable:拖拽区域选择器,如下面html内容中的".dropZone"
- 可选参数saveUrl:处理上传文件的远程接口
- 可选参数removeUrl:删除上传文件的远程接口
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'
})
})
以上内容是否对您有帮助:
更多建议: