视频上传

本Demo应用了 Webuploader 核心组件

• 下载Demo

使用:

<!-- #对应位置引入js包 -->
<script src="./cropper/jquery.js"></script>
<script src="./cropper/webuploader.js"></script>

创建:

创建参数说明: 点击查看

// uploader => 上传
var uploader = WebUploader.create({
    ... 
})

• 下载Demo后配置 uploaderUrl 参数后即可上传

getUploadApi()

获取 uploaderUrl 地址

getUploadApi() //可以在此方法获取其他api地址

事件

beforeFileQueued

选择文件加入队列前响应

uploader.on('beforeFileQueued', handelerFunction)

fileQueued

文件加入队列响应(加入队列获取MD5,参考Demo)

uploader.on('fileQueued', handelerFunction)

uploadBeforeSend

上传前响应

uploader.on('uploadBeforeSend', handelerFunction)

uploadProgress

上传进度响应

uploader.on('uploadProgress', function (file, precent) {
  var per = parseInt(precent * 100)
  document.querySelector('#progress').style['width'] = per + '%'
  $('#ctlBtn').text('上传中 ' + per + '%')
})

uploadSuccess

上传完成响应

@返回 @file {File}File对象, @response {Object}服务端返回的数据

uploader.on('uploadSuccess', function(file, response) {
    // file 文件对象
    // response 上传完成后服务器返回数据对象
})