# layui-ctyun

**Repository Path**: deusit/layui-ctyun

## Basic Information

- **Project Name**: layui-ctyun
- **Description**: layui模块：使用plupload插件，调用天翼云官方SDK实现分片上传。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 6
- **Created**: 2020-04-01
- **Last Updated**: 2022-12-16

## Categories & Tags

**Categories**: layui-components

**Tags**: layui, 天翼云

## README

# layui-ctyun

#### 介绍
layui整合天翼云jssdk

#### 软件架构
layui整合天翼云jssdk


#### 安装教程
1.  下载直接安装到modules目录

#### 使用说明

模块中直接连接的天翼云的官方jssdk，也可以修改成本地路径即可。
使用简单，直接传天翼云的相关参数进去就行，支持自定义FilesAdded、FileUploaded、ChunkUploaded、BeforeUpload等方法。

``` javascript
layui.config({
	base: '__PUBLIC__/layui/' //静态资源所在路径
}).extend({
	ctyun: 'ctyun/index',
}).use(['index', 'ctyun'], function(){
	var $ = layui.$
	,element = layui.element
	,layer = layui.layer
	,ctyun= layui.ctyun;
	ctyun.loader({
		endPoint: '{$config.ctyun_domain}'
		, browse_button: "upload-video" 
		, drop_element: "hahaha" 
		, BucketName: "{$config.ctyun_bucket}"
		, accessKeyId: "{$config.ctyun_access_key}"
		, secretAccessKey: "{$config.ctyun_secret_key}"
		, initial: true
		, UploadProgress: function(response){
			$(".show_video").show();
			$(".layui-progress").hide();
			element.progress('video-progress', response.percent + '%');
		}
		, UploadComplete: function(res){
			// layer.closeAll('loading'); // 可以调用loading
			layer.msg("上传成功！");
			$("#video_url").val(res.Location);
			$(".show_video").find("video").attr("src", res.Location);
			$(".layui-progress").hide();
		}
	})
});
```