fileupload文件上传插件的使用。。。。不知道代码有没有错，这块很迷糊，两个例子都出bug了

html代码：

<form> 
    <div class="form-group" style="position: relative">
                        <button class="btn btn-default">上传图片</button>
                        <!--用文件上传插件把文件提交到后台，再转移到前端指定的文件里-->
                        <input type="file" name="pic1">
                        <!--把文件地址提交到后台，存储起来-->
                        <input type="hidden" name="brandLogo">
                    </div>
    <button type="submit">提交</button>
</form>

js代码：

var initFileUpLoad = function () {
    // 初始化上传插件
    $('[name="pic1"]').fileupload({
        // 文件提交到的地址
        url: '/category/addSecondCategoryPic',
        //指定后台返回数据类型
        dataType: 'json',
        // 上传成功
        done: function (e, data) {
            console.log(data)
            window.picAddr = data.result.picAddr
            $('.picture').attr('src', data.result.picAddr)
            $('[name="brandLogo"]').val(data.result.picAddr)
        }
    });
}
 //初始化文件上传插件：
    initFileUpLoad()
// 点击确认提交，一级分类id，二级分类，品牌logo
    $('.submit').on('click', function (e) {
        //阻止页面跳转的默认事件
        e.preventDefault()
        var message = ''
        // $('.modalCategory').modal('hide')
        var picAddr = $.trim($('[name="brandLogo"]').val())
        var brandName = $.trim($('.secondCategoryName').val())
        var categoryId = $.trim($('[name="categoryId"]').val())
        if (categoryId.length == 0) {
            message = '请选择一级分类！'
            $('.alert-danger').remove()
            var html1 = '<div class="alert alert-danger" role="alert">'+message+'</div>'
            $('.message-danger').append(html1)
            return false
        }
        if (brandName.length == 0) {
            message = '请输入二级分类名称！'
            $('.alert-danger').remove()
            var html1 = '<div class="alert alert-danger" role="alert">'+message+'</div>'
            $('.message-danger').append(html1)
            return false
        }
        if (picAddr.length == 0) {
            message = '请上传图片！'
            $('.alert-danger').remove()
            var html1 = '<div class="alert alert-danger" role="alert">'+message+'</div>'
            console.log(html1)
            $('.message-danger').append(html1)
            return false
        }
    
        var $form = $(e.target);

        $.ajax({
            type:'post',
            url:' /category/addSecondCategory',
            data:$form.serialize(),
            dataType:'json',
            success:function (data) {
                if(data.success == true){
                    window.page = 1;
                    render();
                    $('#save').modal('hide');
                }
            }
        });
    })