oss分片上传（thinkphp+layui）-前端上传

效果：

准备：1. 

npm install ali-oss

2. 

composer require alibabacloud/sdk

前端html代码：

<div class="layui-form-item">
            <label class="layui-form-label">视频/音频</label>
            <div class="layui-input-block">
                <button type="button" class="layui-btn layui-btn-primary videoBtn" ><i class="layui-icon">&#xe67c;</i>视频上传</button>
                <button type="button" class="layui-btn layui-btn-primary audioBtn" ><i class="layui-icon">&#xe67c;</i>音频上传</button>
                <input type="hidden" value="" id="url" name="url" lay-verify="">
                <div class="layui-inline layui-word-aux">
                    <span id="show-url"></span>
                </div>

            </div>

        </div>

前端js代码：

        var loadingIndex;
        //上传视频
        upload.render({
            elem: '.videoBtn',
            accept:'video',
            before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致&